|
導(dǎo)讀微信小程序，簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用，也是一... 微信小程序，簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用，也是一項門檻非常高的創(chuàng)新，經(jīng)過將近兩年的發(fā)展，已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 本篇文章給大家?guī)淼膬?nèi)容是關(guān)于微信小程序中組件通訊的介紹（代碼示例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
這篇主要講組件通訊 （1）父組件向子組件傳值： <header title='{{title}}' bind:fn='fn' id='header'></header>通過title='{{title}}'傳向子組件向子組件傳遞參數(shù) 子組件接收參數(shù)： Component({
properties: {
title: { // 屬性名 type: Number, // 類型（必填）
type: String,//目前接受的類型包括：String, Number, Boolean, Object, Array, null（表示任意類型）
},
fn: {
type: Function,
},
},
data: {
},
methods: {
// 子組件調(diào)用父組件方法
childFn() {
console.log(this.data.title)
this.triggerEvent("fn");
//triggerEvent函數(shù)接受三個值：事件名稱、數(shù)據(jù)、選項值
}
}
})methods使用title時 this.data.title 直接就可以獲取到 通過 bind:fn='fn'傳向子組件向子組件傳遞方法 方法同樣也要在properties接收,methods里定義一個新方法, this.triggerEvent("fn") 接收父組件傳遞過來的方法 （2）父組件調(diào)用子組件數(shù)據(jù)及方法： 首先在父組件js onReady 生命周期中獲取到組件 onReady: function () {
//獲得popup組件
this.header= this.selectComponent("#header");
},比如要調(diào)用子組件的一個function方法 // 調(diào)用子組件方法
fn(){
this.header.fn() //子組件的方法
},調(diào)用子組件數(shù)據(jù)的話直接 this.header.msg 就可以拿到子組件的數(shù)據(jù) 以上就是微信小程序中組件通訊的介紹（代碼示例）的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！ 小程序是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個人學(xué)習(xí)測試使用，請在下載后24小時內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風(fēng)下載站
