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

原文:钉钉小程序数据传递——子传父,父传子

在父组件js文件中:

1
2
3
4
5
6
7
8
9
Page({
  data: {
    propData: ‘‘,
  },
 // 接收子组件传递过来的数据
 onChange(data) {
    console.log(data)
  }
})

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

1
<daily propData="{{propData}}" onChanges="onChanges"/>

在子组件js中使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Component({
  data: {
  value: 0
  },
  props: {
    propData: ‘‘, // 数据
    onChanges:(data)=>console.log(data) // 事件传递
  },
  didMount() {
    console.log(this.props.propData)
  },
  methods: {
    // 给父组件传递数据
    even() {
      this.props.onChanges(this.data.value,)
    }
   }
})

 

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

上一篇:钉钉小程序----使用阿里的F2图表


下一篇:钉钉小程序一个简单网络请求示例