在父组件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(没采用驼峰命名)