美文网首页
小程序自己平时遇到的问题(显示隐藏)

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

作者: 努力让自己更自信 | 来源:发表于2020-12-24 11:30 被阅读0次

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
    })
  },

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/jhmknktx.html