钉钉小程序数据传递—子传父

在父组件json文件中引入子组件:

{
  "usingComponents":{
    "sub-tab":"../../components/subTab/subTab"
  }
}

在父组件axml文件中使用子组件:

<sub-tab dataList="{{dataList}}" onSubTab="onsubTab"></sub-tab>

在父组件js文件中:

Page({
  data: {
    dataList: [],
  },
 // 接收子组件传递过来的数据
 onsubTab(data) {
    console.log(data)
  }
})

在子组件js文件中:

Component({
  data: {
  value: 0
  },
  props: {
    dataList: Object, // 数据

    //注意事件名务必使用驼峰名法,当时采用子组件给父组件传值时一直不生效,结果是因为事件名写成了 onsubTab(没采用驼峰命名)
    onSubTab:(data)=>console.log(data) // 事件传递
  },
  didMount() {
    console.log(this.props.dataList)
  },
  methods: {
    // 给父组件传递数据
    save() {
      this.props.onSubTab(this.data.value)
    }
   }
})
//注意事件名务必使用驼峰名法,当时采用子组件给父组件传值时一直不生效,结果是因为事件名写成了 onsubTab(没采用驼峰命名)










原文地址:https://www.cnblogs.com/dreamstartplace/p/14602450.html