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

      

  • 相关阅读:
    UVa 10905
    有道云笔记同步IT笔试面试资源
    送给80、90后的人生经典语录,别再孩子气了
    ch1 位姿表示和旋转矩阵
    jetson nano使用RealSenseD400深度相机
    jetson nano电源(性能)管理
    http://emanual.robotis.com/docs/en/platform/turtlebot3/overview/
    Jetson Nano配置与使用——中文输入法ibus配置
    jetson nano更改源
    ROS多机通信
  • 原文地址:https://www.cnblogs.com/cubesugarnuo/p/12553759.html
Copyright © 2011-2022 走看看