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

  

整理开发小程序时所遇到的问题(1)

上一篇:微信小程序之微信支付


下一篇:微信小程序开发中的http请求总结