第一步:
建立组件目录及文件如下图:
第二步:
spec-component.wxml
<view class='maskLayer'bindtap='hideModal'>{{food}}</view>
spec-component.js
Component({
/**
* 组件的属性列表
*/
properties: {
food: Object,
cId:Number
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
hideModal:function(e){
var that = this;
let myEventDetail={
val:0
}
that.triggerEvent('myevent', myEventDetail)
}
}
})
spec-component.json
{
"component": true,
"usingComponents": {}
}
第三步父级
index.wxml
<spec-component food="{{food}}" cId="{{currId}}" bind:myevent="changeId"></spec-component>
index.js
接受子组件传过来的值
changeId(e){
this.setData({
currId::e.detail.val
})
}
index.json
{
"usingComponents": {
"spec-component": "/components/specComponent/spec-component"
}
}