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方法中获取到子组件传递的数据了

      

  • 相关阅读:
    linux安装java环境
    win7+ubuntu双系统安装攻略
    Ubuntu 安装基础教程
    我学到的算法
    linux使用su切换用户提示 Authentication failure的解决方法& 复制文件时,报cp: omitting directory `XXX'
    我新买的红米手机,新浪和360浏览器都能进,也能看电视,就是不能上手机QQ和微信
    电脑如何设置自动开机
    jsp分页技术
    发光文本框样式
    子元素div高度不确定时父div高度如何自适应
  • 原文地址:https://www.cnblogs.com/cubesugarnuo/p/12553759.html
Copyright © 2011-2022 走看看