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

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

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

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

2、组件注册:

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

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

3.1导入并使用组件:

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

3.2确认组件引入

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

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

相关推荐
small_fox_dtt6 分钟前
微信小程序转为App实践篇 FinClip
微信小程序·小程序
2401_8979300614 分钟前
微信小程序中大型项目开发实战指南
微信小程序·小程序
小咕聊编程1 小时前
【含文档+PPT+源码】基于微信小程序的学校体育馆操场预约系统的设计与实现
微信小程序·小程序
说私域7 小时前
开源链动2+1模式、AI智能名片与S2B2C商城小程序融合下的社交电商营销新范式
人工智能·小程序·开源·零售
十年之少10 小时前
异步编程——微信小程序
笔记·学习·微信小程序
山海青风10 小时前
微信小程序实战案例 - 餐馆点餐系统 阶段 4 - 订单列表 & 状态
微信小程序·小程序
小离a_a11 小时前
小程序css实现容器内 数据滚动 无缝衔接 点击暂停
前端·css·小程序
花千树-01012 小时前
Charles 安装与使用详解:实现 App 与小程序 HTTPS 抓包
网络协议·小程序·https
菜冬眠。12 小时前
uni-app/微信小程序接入腾讯位置服务地图选点插件
前端·微信小程序·uni-app
CrawlerCracker16 小时前
小程序逆向|六六找房|请求头Authorization
javascript·爬虫·python·小程序·网络爬虫·js