小程序入门开发父子通信-父传子

小程序的父子通信,其实跟vue的都大同小异了,如果你很熟悉vue的话,那就分分钟钟的搞懂!话不多说,直接看代码。

1.父组件

通过viewText="{{viewText}}"传向子组件




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) 
    }
}

父传子参数教程到此结束,希望看到的小伙伴觉得还有不足的地方,多多发言!共同进步!

你可能感兴趣的:(小程序入门开发父子通信-父传子)