由于以前开发一直使用的react框架,突然转成小程序的写法有些不习惯,以下是记录个人在开发中所遇到的问题。
1) 小程序父子组件通信
先创建自定义组件,默认生成 js wxml json wxss等文件
1.子组件获取父组件传下来的值:
//父组件传入text
<view class="parent">
<text>父组件</text>
<view style="background:skyblue">
<child-component
text="我是父组件传给子组件的值"
bind:getChildData="getChildDataHanlde"
></child-component> </view>
</view>
//子组件的js 接收传入的text并定义类型
Component({
properties: {
text:String
},
data: {},
methods: {
getDatas(){
this.triggerEvent("getChildData",{isChild:true})
}
}
})
//子组件的wxml 引入text便可看到父组件传入的值
<view>
<view>子组件</view>
<text bindtap="getDatas" >{{text}}</text>
</view>
2.当父组件想拿取子组件操作后的数据该怎么拿呢?
可在子组件里调用
this.triggerEvent("定义的方法名",传的数据);
例如 :在子组件中使用 this.triggerEvent("getChildData",{isChild:true})
父组件在子组件上bind接收的getChildData传递到定义的方法里getChildDataHanlde;便可在getChildDataHanlde方法中获取到子组件传递的数据了