組件與組件、頁面之間的通信

一褒侧、props傳值

props傳值在WePY中屬于父組件與子組件之間(包括頁面與其子組件之間)傳值的一種機(jī)制,包括靜態(tài)傳值與動(dòng)態(tài)傳值谊迄。

靜態(tài)傳值只能傳遞String類型闷供,不能傳遞Number、Boolean统诺、Object等其他類型歪脏。

動(dòng)態(tài)傳值使用`:prop`(等價(jià)于`v-bind:prop`),子組件會(huì)接收父組件的數(shù)據(jù)粮呢。

與靜態(tài)傳值只能通過父組件向子組件單向傳值不同婿失,動(dòng)態(tài)傳值包括了單向動(dòng)態(tài)傳值和雙向動(dòng)態(tài)傳值。

+??1. 單向動(dòng)態(tài)傳值:父組件向子組件單向動(dòng)態(tài)傳值(父組件可隨時(shí)改變子組件中的值)啄寡。

+??2. 雙向動(dòng)態(tài)傳值:子組件props對(duì)象中某個(gè)屬性值的修改會(huì)改變父組件data對(duì)象中對(duì)應(yīng)屬性的值(注意豪硅,父子組件中的這兩個(gè)屬性其名稱可以不一致,兩者通過在父組件wxml中插入子組件時(shí)在子組件標(biāo)簽的屬性中進(jìn)行映射關(guān)聯(lián))挺物。

sync懒浮,和twoWay 這里都是單向,區(qū)別是识藤,一個(gè)是父到子嵌溢,一個(gè)是子到父眯牧。



page_parent.wpy

<btnctl :selectItemId.sync="selectItemid"></btnctl>

<script>

data = {

selectItemid:'szsaaq'

}

}

onLoad( options ) {

this.selectItemid=options.id

}

}

</script>

child.wpy組件

props = {

selectItemId:{}

}

methods = {start (m) {

console.log("選擇的測(cè)試題id:"+this.selectItemId)

}}

onLoad(){

console.log(this.selectItemId)//子組件onLoad方法先于父組件執(zhí)行蹋岩,所以是默認(rèn)值

}

二赖草、子組件傳遞給父組件=》頁面

采用emit

child.wpy

methods = {

start (m) {

this.$emit('parentFn',this.selectItemId);

}

}

page_parent.wpy

<child @child.user="parentFn"></child>

methods={

parentFn(e){

console.log(e)

}

}

三、`$invoke`是一個(gè)組件對(duì)另一個(gè)組件的直接調(diào)用剪个,通過傳入的組件路徑找到相應(yīng)組件秧骑,然后再調(diào)用其方法。

`$invoke`是一個(gè)頁面或組件對(duì)另一個(gè)組件中的方法的直接調(diào)用扣囊,通過傳入的組件路徑找到相應(yīng)組件乎折,然后再調(diào)用其方法。

①比如侵歇,想在頁面`Page_Index`中調(diào)用組件btnctl中的某個(gè)方法sendMessage:

```Javascript

this.$invoke('btnctl', 'someMethod', 'someArgs');

```

②如果想在組件A中調(diào)用組件btnctl的某個(gè)方法sendMessage:

```Javascript

this.$invoke('../btnctl', 'sendMessage', this.selectItemId);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末骂澄,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惕虑,更是在濱河造成了極大的恐慌坟冲,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件溃蔫,死亡現(xiàn)場(chǎng)離奇詭異健提,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)伟叛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門私痹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人统刮,你說我怎么就攤上這事紊遵。” “怎么了侥蒙?”我有些...
    開封第一講書人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵暗膜,是天一觀的道長。 經(jīng)常有香客問我辉哥,道長桦山,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任醋旦,我火速辦了婚禮恒水,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘饲齐。我一直安慰自己钉凌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開白布捂人。 她就那樣靜靜地躺著御雕,像睡著了一般矢沿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酸纲,一...
    開封第一講書人閱讀 49,842評(píng)論 1 290
  • 那天捣鲸,我揣著相機(jī)與錄音,去河邊找鬼闽坡。 笑死栽惶,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的疾嗅。 我是一名探鬼主播外厂,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼代承!你這毒婦竟也來了汁蝶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤论悴,失蹤者是張志新(化名)和其女友劉穎掖棉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體意荤,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡啊片,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了玖像。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片紫谷。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖捐寥,靈堂內(nèi)的尸體忽然破棺而出笤昨,到底是詐尸還是另有隱情,我是刑警寧澤握恳,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布瞒窒,位于F島的核電站,受9級(jí)特大地震影響乡洼,放射性物質(zhì)發(fā)生泄漏崇裁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一束昵、第九天 我趴在偏房一處隱蔽的房頂上張望拔稳。 院中可真熱鬧,春花似錦锹雏、人聲如沸巴比。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽轻绞。三九已至采记,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間政勃,已是汗流浹背唧龄。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留稼病,地道東北人选侨。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像然走,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子戏挡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容