微信小程序之自定义组件及使用

作者：小丑西瓜9 | 2024-04-20 18:09:52

踩

微信小程序之自定义组件及使用

1、创建自定义组件文件夹与文件：

创建一个名为custom-dialog的自定义组件，位于components下，创建自定义弹窗组件文件夹结构如下：

写好自定义组件的结构文件.wxml、样式文件wxss、逻辑文件.js。

该组件（本例子指CustomDialog 组件）的文件夹内含有一个有效的 .json 文件，且该文件中正确指定了组件的名称，例如：

在需要使用此组件的页面的wxml文件中，本例子是在需要用到弹窗的页面index页面中引入并使用该组件：

确保已在使用 <custom-dialog> 的页面中正确引入了该组件，例如在页面的 json 文件中添加组件路径：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/458656