1、创建自定义组件文件夹与文件:
创建一个名为custom-dialog的自定义组件,位于components下,创建自定义弹窗组件文件夹结构如下:
写好自定义组件的结构文件.wxml、样式文件wxss、逻辑文件.js。
2、组件注册:
该组件(本例子指CustomDialog 组件)的文件夹内含有一个有效的 .json 文件,且该文件中正确指定了组件的名称,例如:
3、在页面中使用自定义组件 :
3.1导入并使用组件:
在需要使用此组件的页面的wxml文件中,本例子是在需要用到弹窗的页面index页面中引入并使用该组件:
3.2确认组件引入:
确保已在使用 <custom-dialog> 的页面中正确引入了该组件,例如在页面的 json 文件中添加组件路径: