码迷,mamicode.com
首页 > 微信 > 详细

微信小程序中显示与隐藏(hidden)

时间:2018-07-12 20:04:34      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:javascrip   click   切换   .data   html   hidden   cli   XML   his   

1、wx.wxml页面部分

<view bindtap=‘click‘>点击</view>
//这是显示隐藏的部分
<view hidden="{{hiddenName}}">隐藏显示部分</view>

  

2、wx.js js部分

page({
    data:{
        hiddenName:true
    },
    click:function(e){
        this.setData({
            hiddenName:!this.data.hiddenName
        })
    }
})

hidden用于频繁切换

微信小程序中显示与隐藏(hidden)

标签:javascrip   click   切换   .data   html   hidden   cli   XML   his   

原文地址:https://www.cnblogs.com/520BigBear/p/9300805.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!