微信小程序--点击隐藏某一行数据

微信小程序开发中，会有提示信息框，为了有好的用户体验，一般会加一个关闭的按钮，点击后，关闭提示信息框。

member.wxml

<view class='info-tit' hidden='{{hiddenName}}' bindtap='textHide'>
    <view class="weui-cell__hd">
      <image src="../../../image/tit.png" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image>
    </view>
    <text class='tit_text'>温馨提示：完善个人信息可享受更多优惠及惊喜哦！</text>
    <text class='close_tit'>×</text>
  </view>

member.js

page({
    data:{
        hiddenName:false
    },
    textHide:function(e){
        this.setData({
            hiddenName:!this.data.hiddenName
        })
    }
})

从上面两段代码可以很明显看出逻辑：member.wxml中点击类名为 close_tit 的text标签会在member.js中触发一个事件，它会改变hiddenName的值，而在member.wxml中会根据hiddenName的值去控制类名为 info-tit  的view标签的隐藏。

感谢阅读，希望能帮助到大家。