zoukankan      html  css  js  c++  java
  • 子组件向父组件通信与父组件向子组件通信

    父组件内 wx.ml

    <popup_window isAlert="{{isAlert}}" bind:changwindow="handleTap"></popup_window>

    子组件内wx.ml

    <!-- 弹出框 -->
    <view class="cover" wx:if="{{isAlert}}">
        <view class="alert">
            <input type="number" bindinput="getNumber" placeholder="请输入新的学号" class="at_input" />
            <view class="buttom">
                <button class="al_btn" bindtap="giveupAlert">取消</button>
                <button class="ar_btn" bindtap="modifyNumber">确定</button>
            </view>
        </view>
    </view>

    父组件向子组件传递属性通信  子组件在.js中接受属性

    <popup_window   isAlert="{{isAlert}}"  ></popup_window>

    子组件内通过properties内部接受属性

     properties: {
        // 开启弹窗
        isAlert:{
          type:Boolean,//接受类型
          value:false//默认值
        }
      },

    子组件向父组件通信

    父组件内部

    <popup_window  bind:changwindow="handleTap"></popup_window>

    父组件内部定义方法handleTap

    //接受子组件传递过来的数据
      handleTap(e){
        let isAlert=e.detail; //子组件传递过来的属性
        this.setData({
          isAlert
        })
      },

    子组件内部 通过随便绑定一个方法  触发该方法是通过this.triggerEvent('父组件传递的属性(这里是changewindow)',  value(要传递的值))

    giveupAlert: function () {
        this.triggerEvent("changwindow",false)
      },
  • 相关阅读:
    表单高级和表格高级
    XHTML基础知识
    浅析JavaScript访问对象属性和方法及区别
    互联网盈利模式研习笔记之二:佣金与分成
    互联网盈利模式研习笔记之一:流量变现
    前端两年开发经验需要了解的常识!
    拖拽原理
    js中常见兼容性
    前端性能优化
    JS框架常识。
  • 原文地址:https://www.cnblogs.com/lvlisn/p/14822303.html
Copyright © 2011-2022 走看看