• 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产武汉 2019-03-23
  • 普法小课堂之“有效遗嘱” 2019-03-23
  • 回复@看着就想笑:同时,市场不具有配置全局性长期性战略性资源的功能。 2019-03-22
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-03-17
  • 北京市北京睿通伟业综合店【在线咨询】 2018-11-26
  • 10年后 逍客仍是15万级合资SUV的定义者 2018-11-26
  • 还有十八掌、自然想钱系列马甲…… 2018-11-26
  • 用户
     找回密码
     立即注册

    QQ登录

    只需一步,快速开始

    扫一扫,登录网站

    小程序社区 首页 教程 查看内容

    江西11选五实时开奖:微信小程序实现显示和隐藏控件-头像-取值-bindblur事件

    河北体彩11选5今天开奖 www.7vek.com Rolan 2018-11-21 00:56

    微信小程序实现显示和隐藏控件.wxml: view class=" {{showOrHidden?'show':'hidden'}}"/view.wxss:.hidden { display: none; } .show { display: block; }.js: data: { showOrHidden:true, //判断显示与否的,true表 ...

    河北体彩11选5今天开奖实现显示和隐藏控件" style="margin: 20px 0px; padding: 0px; font-size: 21px; line-height: 1.5; color: rgb(51, 51, 51); font-family: Verdana, Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">微信小程序实现显示和隐藏控件

    .wxml:

     <view class=" {{showOrHidden?'show':'hidden'}}"></view>

    .wxss:

    .hidden {
      display: none;
    }
     
    .show {
      display: block;
    }

    .js:

     data: {
        showOrHidden:true,
        //判断显示与否的,true表示显示,反之隐藏
     },

    简洁的方式,利用wx:if的方式

    .wxml:

    <view wx:if='{{showOrHidden}}'></view>

    .js:

     data: {
        showOrHidden:true,
        //判断显示与否的,true表示显示,反之隐藏
      },

    点击按钮隐藏view并显示另个view

    <view class="{{showView?'show':'hidden'}}" >
     <button class='show-button' bindtap='showButton'>go</button>
    </view>
    data: {
        showView: true,
    },
    showButton:function(){
        var that = this;
        that.setData({
          showView: (!that.data.showView)
        })
     }

    头像

    <open-data type="userAvatarUrl" class='img'></open-data>     
    .img {
      width: 200rpx;
      height: 200rpx;
      margin: 20rpx;
      border-radius: 50%;
      display: flex;
      overflow:hidden;
    }

    input输入框和form表单传值和取值方式

    实现方式
    data-index="{{index}}"
    e.currentTarget.dataset.index
    form表单取值
    <form bindsubmit="formSubmit">与<button formType="submit">
    
    formSubmit: function(e) {
      var detail = e.detail.value.detail;
    }

    bindblur事件

    <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请输入内容" value="{{ceshi}}" />
    分享至 : QQ空间
    收藏
    原作者: 达叔小生 来自: cnblogs
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产武汉 2019-03-23
  • 普法小课堂之“有效遗嘱” 2019-03-23
  • 回复@看着就想笑:同时,市场不具有配置全局性长期性战略性资源的功能。 2019-03-22
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-03-17
  • 北京市北京睿通伟业综合店【在线咨询】 2018-11-26
  • 10年后 逍客仍是15万级合资SUV的定义者 2018-11-26
  • 还有十八掌、自然想钱系列马甲…… 2018-11-26