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

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

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

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

2、组件注册:

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

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

3.1导入并使用组件:

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

3.2确认组件引入

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

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

相关推荐
silvia_Anne5 分钟前
微信小程序首页设置
微信小程序·小程序
安妮的小熊呢1 小时前
CRMEB标准版v6.0: 商城DIY装修新升级,PS级自由设计!
运维·javascript·平面·信息可视化·小程序·开源软件
小离a_a1 小时前
uniapp小程序封装圆环显示比例数据
android·小程序·uni-app
万岳软件开发小城1 小时前
外卖系统源码如何选择?校园外卖APP+小程序平台搭建指南
小程序·同城外卖系统源码·校园外卖小程序·外卖app开发·外卖软件开发·外卖平台搭建
程序鉴定师14 小时前
西安小程序制作的可靠选择与发展前景
大数据·小程序
杰建云16717 小时前
小程序商城店铺装修怎么做
小程序
2501_9151063221 小时前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone
weikecms1 天前
CPS返利小程序一键搭建教程
小程序
白菜__1 天前
微信小程序网关逆向分析
javascript·微信小程序·小程序·node.js·网络爬虫·微信网关·小程序网关
TANKING-1 天前
微信小程序订阅消息推送系统(一次性/长期订阅消息推送)
微信小程序·小程序