doubleyong
管理员
管理员
  • 最后登录2025-03-16
  • 发帖数1196
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:428回复:0

鸿蒙开发时使用Tabs引用组件,显示空白问题

楼主#
更多 发布于:2025-02-06 14:57
问题:
在鸿蒙应用开发中,使用Tabs组件,引用其它的自定义组件时,引入的组件显示空白.


解决方案:
原本引入组件的方式,采用的是export default的方法暴露. 改为使用export 暴露,导入时,用export 对应的导入方式,即可正常使用。


分析:
因为Tabs组件中,引入了多个组件,发现如果只引入一个组件,使用export dafault暴露,对就在引入方式,是可以正常显示的。
但如果有多过一个以上的组件,使用export default 这种方式对应的引入方式,则除第一个以外,其它可以会显示空白。


组件的导出/导入方式:
方法一:
导出: export default 名称
导入: import 名称 from './路径'
方法二:
导出: export 名称
导入: import { 名称 } from './路径'


总结 :
为什么鸿蒙开发中会这样,都是ES6中的模块语法,Vue等前端框架都不会有问题,目前只是在鸿蒙开发中遇到了,可能是鸿蒙的规定(没有去查看鸿蒙文档,大家可以去看看,有没有对应的说明)
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号