小程序入门开发父子通信-父传子
2020-10-25 本文已影响0人
玩点小技术
小程序的父子通信,其实跟vue的都大同小异了,如果你很熟悉vue的话,那就分分钟钟的搞懂!话不多说,直接看代码。
1.父组件
通过viewText="{{viewText}}"传向子组件
<MyToast viewText="{{viewText}}" bind:myEvent="OnViewText"></MyToast>
2.子组件获取参数
properties:{ viewText:{ //属性名 type:Number, //类型,必填项 目前接受的类型有:String,Number,Boolean,Object,Arrray,null(表示任意类型) value:'' //属性初始值(可选)如果未制定,会根据类型选择一个。 }}
properties是专门获取父组件上传来的参数,这个时候可以根据实际情况来获取参数里的实际值,如果需求是一打开页面就要获取值,可以在子组件里使用
ready()的生命周期方法来获取。
ready(){ //一打开页面获取 console.log(this.properties.viewText)}
或者你想通过某个特定的方式来触发获取参数值,比如点击事件或者其他的事件来触发,可以在methods:{}里去定义方法。
methods: {
onClick(){
//某个点击事件
console.log(this.properties.viewText)
}
}
父传子参数教程到此结束,希望看到的小伙伴觉得还有不足的地方,多多发言!共同进步!