1.通过以下形式直接新建component所需文件tiezi
新建component
2.在tiezi.json中进行如下设置
tiezi.json
3.相应的父组件的json文件配置如下
card.json
4.在父组件中引入子组件,通过myProperty来定义变量名
引入组件帖子
5.在tiezi.js文件中通过properties传入数据,属性名与父文件中定义数据时属性名相同
tiezi.js
6.在tiezi.html中渲染数据,数据名与js文件中属性名相同
tiezi.wtml
7.在父组件中调用子组件事件操作
tiezi.wtml
在子组件中定义全局函数showEvent()更改isShow的布尔值
tiezi.js
在父组件中定义函数showEvent()
在父组件中通过selectComponent获取子组件实例后,可直接调用该子组件的showEvent()方法。
card.js
8.在子组件中对数据进行处理并传回到父组件中
将父页面test数据传递到tiezi组件中
card.wxml
通过在组件中调用triggerEvent事件处理函数,将处理过的数据传回父页面
给父组件绑定事件myevent,并将数据addEvent传递
card.wxml
通过bind绑定事件将子组件更改后的数据存入父页面的data中
card.js