整理开发小程序时所遇到的问题（1）

 

由于以前开发一直使用的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方法中获取到子组件传递的数据了

　　

标签：时所,getChildData,text,程序,getChildDataHanlde,triggerEvent,组件,整理,true
来源： https://www.cnblogs.com/cubesugarnuo/p/12553759.html