前沿
小程序是之前開發(fā)的了卓箫,之前一直忙载矿,現(xiàn)在有點(diǎn)小空總結(jié)一下垄潮,方便以后,忘記了還可以翻翻筆記闷盔⊥湎矗看完自幾在寫幾遍你就會發(fā)現(xiàn)跟vue的大同小異。
一逢勾,父組件傳給子組件
父組件寫法:
這是通過viewText="{{viewText}}"傳向子組件牡整。
<MyToast viewText="{{viewText}}" bind:myEvent="OnViewText"></MyToast>
子組件寫法
子組件是通過properties
來獲取:
properties:{
viewText:{ //屬性名
type:Number, //類型溺拱,必填項(xiàng) 目前接受的類型有:String,Number,Boolean,Object,Arrray,null(表示任意類型)
value:'' //屬性初始值(可選)如果未制定逃贝,會根據(jù)類型選擇一個。
}
}
接下來就是在methods:方法里邊的自定義函數(shù)中來取值就好了
methods:{
//這里是隨便一個方法名字
getnumber:function(){
console.log(this.data.viewText); //這樣就可以取道父組件傳過來的值了
}
}
二迫摔,子組件傳給父組件
子組件寫法
//這里的input是子組件中的某個輸入框
<input type="number" bindinput="getInputnumber" value="{{codes}}"></input>
methods:{
//這里是bindinput的方法名
getInputnumber:function(e){
this.triggerEvent('myEvent',e.detail.value) //這里的myEvent是自己自定義的事件名字沐扳,需要父組件中通過他來接受,
}
}
父組件寫法
這里我還引用上邊父組件的名字句占,也就是說子組件在觸發(fā)這個方法后需要在父組件中手動獲取就好了沪摄。
<MyToast viewText="{{viewText}}" bind:myEvent="OnViewText"></MyToast>
//這里的myEvent是子組件傳遞過來的自定義事件名稱,OnViewText這個是父組件中自定義的事件名稱
methods:{
OnViewText:function(e){
//這立的這個e就是子組件傳過來的值
this.setData({
code:e
})
}
}