微信小程式父與子之間相互傳值
阿新 • • 發佈:2019-02-10
第一步:
建立元件目錄及檔案如下圖:
第二步:
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"
}
}