小程序自己平时遇到的问题(显示隐藏)

1.hidden

wxml
<view bindtap='clickMe'>点击</view>

//这是显示隐藏的部分

<view hidden="{{hiddenName}}">隐藏显示部分</view>

js

  page({
    data:{
        hiddenName:true
    },
    clickMe:function(e){
        this.setData({
            hiddenName:!this.data.hiddenName
        })
    }
})
 
注意:hidden用于频繁切换

2.wx:if

html
<view wx:if="{{isShow}}">
    <view>隐藏显示部分</view>
</view>
<button  bindtap='sure'>确认</button>
js
data: {
    isShow: true
  },
sure() {
    this.setData({
      isShow: false
    })
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容