【微信小程序】组件封装

最新推荐文章于 2024-09-06 19:35:59 发布

cdgogo

最新推荐文章于 2024-09-06 19:35:59 发布

阅读量711

点赞数

分类专栏：小程序文章标签：微信小程序小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_36699230/article/details/121287146

版权

本文介绍了如何在微信小程序中封装组件，以提高代码复用性和维护性。组件结构包括房屋装修设计表单和底部tabbar导航栏。通过在组件js文件中设置属性，解决自定义组件无法获取全局样式的問題，启用多slot支持和样式隔离。同时，文章提到了微信小程序组件无法使用全局样式的解决方案，帮助开发者更好地理解和应用自定义组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：
在这里插入图片描述
说明：该小程序中多个页面用到房屋装修设计表单和底部tabbar导航栏，为了修改方便，把他们封装层组件然后调用即可。

组件结构如下：
在这里插入图片描述
组件写好后，我们需要注册组件，可以在app.json中全局注册，也可以直接在需要用到的页面中年注册。

引用组件：

在自定义组件中会发现无法获取到外部公用的样式，即全局样式（比如：字体图标样式），解决办法：只要在对应组件的js文件中设置addGlobalClass属性为true即可

Component(

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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