700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序自定义组件创建流程

微信小程序自定义组件创建流程

时间:2024-04-11 03:03:52

相关推荐

微信小程序自定义组件创建流程

微信小程序自定义组件的创建方法:

1.在根目录下创建components文件夹。(第一次的时候创建,以后就不需要再创建了)

2.在components下面创新组件名,如xsj,继续在xsj文件夹下单击右键,新建component。

3.在创建好的组件的wxml中写出你想显示的内容即可,在wxss中编辑样式

4.比如首页想要调用xsj组件,那么就需要在index.json中进行配置。

5.在index.json中的调用方法,属性名是组件名,值就是组件的路径

"usingComponents": {"xsj":"/components/xsj/xsj"}

6.在index.wxml中就可以使用自定的组件了,如:

<xsj></xsj><xsj/>

自定义组件传递属性

1.在自定义组件上传递自定义属性,如:

<PubTitle myTitle="行业动态"/>

2.需要来到PubTitle自定义组件的js中,接收该自定义属性,如:

properties: {//myTitle就是自定义的属性名,需要指定type(String/Number/Array/Object),指定value默认值。myTitle:{type:String,value:""}}

3.在PubTitle.wxml中渲染从前端传递过来的属性。如:

<view class="pubTitle"><view class="txt">{{myTitle}}</view><navigator class="more">更多 ></navigator></view>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。