uniapp 统一组件,只注册一次,全局使用

文章讨论了在uniapp中如何解决内置弹窗或loading不能自定义内容的问题。作者提出了利用loader检查页面并动态添加组件的方法,但这种方法可能导致不必要的dom节点增加。目前的解决方案仍不完美,作者期待更优的方案。

背景: uniapp 内置的弹窗或者loading 不能自定义内容,只能是字符串。如果想自定义,如果要想全局使用组件,必须在当前页面注册组件。 

 

需求:只想注册一次,也或者说渲染一次在每个页面都可以使用,不用在每个页面再添加组件

调研:

       1. 已有的解决方案 基本是写一个页面,背景是透明,但是要处理组件关闭时,onshow 等事件。

      2. 当然是那个页面需要,就在那个页面添加组件

作者解决方案: 利用loader ,检查vue 页面,并且与 pages.json 的页面路径对比,只在页面中 添加组件。

作者解决方案弊端:只是利用工程化能力,每个页面都在引入,也有可能有些页面不需要。多了dom 节点。

大致代码: 

图片中的authorize 需要vue 全局注册

当然当前解决方案,还不完善,期待大家 有更好的方案 

         

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值