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

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

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

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

2、组件注册:

该组件(本例子指CustomDialog 组件)的文件夹内含有一个有效的 .json 文件,且该文件中正确指定了组件的名称,例如:

3、在页面中使用自定义组件

3.1导入并使用组件:

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

3.2确认组件引入

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

这时你的组件就定义好并可以使用了!

相关推荐
前端 贾公子11 小时前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY12 小时前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh1312225052513 小时前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序
拙慕JULY13 小时前
微信小程序自定义标题背景色
微信小程序·小程序
前端 贾公子15 小时前
小程序蓝牙打印探索与实践(下)
小程序·apache
00后程序员张15 小时前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
万岳科技系统开发18 小时前
骑手配送系统如何支持外卖与跑腿一体化运营
大数据·前端·小程序
2501_9159090618 小时前
iOS IPA文件反编译与打包操作方法详解
android·ios·小程序·https·uni-app·iphone·webview
克里斯蒂亚诺更新1 天前
微信小程序使用vant4 weapp自定义菜单 但是弹出层却被菜单遮挡的解决办法
微信小程序·小程序·notepad++
静Yu1 天前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序