微信小程序配置自定义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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程