wxml文件
<view class='head_span' wx:if="{{head_span}}" bindtap='search_cancel'>
<span>取消</span>
</view>
hidden和if都可以用来实现显示隐藏,两者区别是,
前者只是隐藏显示,对象本身依旧存在,
后者是通过改变对象是否渲染,
前者消耗较少,后者较大,
需要频繁显示隐藏的建议使用前者,具体用什么根据当时情况所需来判断
。
。
其他还要if elif else等等,参照官方文档查看
<view class='main' hidden="{{main}}">
js逻辑文件
data: {
main: false,
head_three:true,
head_span:false
},
this.setData({
main:false,
head_three: true,
head_span: false
})
this.setData相当于vue里面的v-model,用于双向绑定,改变之前已经设定好的值,并且取值的时候等于改变后的,实际上原本的值也变成了改变后的,页面和逻辑层的数据都得到了改变