微信小程序配置自定义component
2021/7/30 17:08:24
本文主要是介绍微信小程序配置自定义component,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信小程序封装组件:
1.在全局json的pages里加入路径,
例如:“component/header/index”
开发工具会自动生成一个component文件夹,里边自动生成json,wxss,wxml,js,
2.js里边的Page要更改为component(这点在微信者开放文档里有)
component({
properties:{
//接收参数的地方
},
data:{//数据
},
methods:{
onl oad:function{//生命周期
}
}
})
3.json里加"component":"true"
在pages里的index.json:{
4.“usingComponents”:{
(组件名)“header”:(路径):“/components/header”
}}
5.最后在pages里的index.wxml 加入组件(名字)<header></header>
本人小白,记录下纯粹是怕忘了以后方便过来用,不喜勿喷
这篇关于微信小程序配置自定义component的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享