一、使用場景
當(dāng)每個(gè)頁面都調(diào)用統(tǒng)一的組件時(shí),傳遞的參數(shù)和方法都不盡相同,我們應(yīng)該怎么樣子傳遞給我們的子組件,讓子組件獲取相應(yīng)的值或方法進(jìn)行計(jì)算執(zhí)行。
二、實(shí)現(xiàn)方式
1、父組件調(diào)用子組件的方法文章來源:http://www.zghlxwxcb.cn/news/detail-510815.html
父.wxml:
<count-down id="countDown"></count-down> //子組件
子.js:
Component({
methods: {
closeGold() { //f方法
console.log('close gold');
},
}
})
父.js:
let countDown = this.selectComponent('#countDown'); // 頁面獲取自定義組件實(shí)例
countDown.closeGold(); // 通過實(shí)例調(diào)用組件事件
2、父組件傳遞參數(shù)給子組件文章來源地址http://www.zghlxwxcb.cn/news/detail-510815.html
父.wxml:
<count-down id="countDown" z_data="{{data_text}}"></count-down> //子組件
父.js:
data:{
data_text:'傳遞給子組件'
}
子.js:
properties: {
z_data: { //默認(rèn)值
type: String,
value: '默認(rèn)值'
},
},
//子組件即可獲取得到z_data的值,也可以在 子.wxml里面直接{{z_data}}顯示值,不需要上一步子.js。
建議還是通過子.js來顯示獲取默認(rèn)值。
到了這里,關(guān)于微信小程序 父組件調(diào)用子組件事件和傳遞參數(shù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!