小程序父子组件传值

小程序父子组件传值

1.父传子

父组件往子组件传值

 <!-- 父 -->
<list list="{{drugList}}"></list>

子组件接收

//子
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    list:Array, //接收从父组件传来的值
  },
  /**
   * 组件的初始数据
   */
  data: {
  },
  /**
   * 组件的方法列表
   */
  methods: {
  },
})

2.子传父

子组件往父组件传值

 //子
click(){
     this.triggerEvent('addDrug', { id:3 })
},

父组件接收

 <!-- 父 -->
<list bind:addDrug="getAddGrug" ></list>

//父
getAddGrug(e){
	let id = e.detail.id  //子组件传来的值
    console.log(id) // 3
}