整理开发小程序时所遇到的问题（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方法中获取到子组件传递的数据了