小程序的父子通信,其实跟vue的都大同小异了,如果你很熟悉vue的话,那就分分钟钟的搞懂!话不多说,直接看代码。
1.父组件
通过viewText="{{viewText}}"传向子组件
通过viewText="{{viewText}}"传向子组件
ast>
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) }}
父传子参数教程到此结束,希望看到的小伙伴觉得还有不足的地方,多多发言!共同进步!
下期将出子传父的参数教程,近期期待!
你get到了么??