微信小程序 父子组件间传参

father.json

注意：要使子组件可以在父组件展示需在父组件的json中引入并定义。

father.wxml

注意：fatherTOson属性写在son标签上，fatherTOson不是固定的，可含拿以修改其值。

son.js

注意：即在son.js的properties中定义父组件要传过谈侍搭来的参数类型

son.wxml

总结： 父组件向子组件传参，实际上就是在父组件中引入子组件的时候，带上一个属性fatherTOson，并且给其赋值，谈岩然后子组件通过这个属性名称fatherTOson，获取其值。

son.wxml

son.js

注意：bindtap='change'定义了一个方法在son.js的methods完成向父组件传值。this.triggerEvent固定不变，myevent是在父组件中定义的方法。sonTOfather是传给父组件的变量名。

father.wxml

注意：myevent是在父组件中定义的方法；sonTOfather是声明的变量接收子组件的值

father.js

注意：在father.js中声明变量sonTOfather，用来接收子组件穿来的参数。

在 同级的export defaut {} 中 定义data方法 返回一个对象唤咐， 这个对象里面就是 页面绑定的数据模型参数 ， 在methods 对象的 函数里面 可以使用 data.数据模型名 调用

如

<input v-model="param" @input="showParam"></input>

export defaut {

    data() {

      return {

          param: 1 // 定义模型数据   绑定在 上面的input上

      }  

    },

    methods: {

  枣樱   凳链丛 showParam() { // 当 输入框 输入时候会执行这个函数  控制台打印出输出的数字

          console.log(this.param)

      }  

    }

}

---