小程序实现元素隐藏

Posted 夜冷霜星

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序实现元素隐藏相关的知识,希望对你有一定的参考价值。

js

Page({ data:{ flag:0 }, clickMes1: function(){ falg=1 } , clickMes2: function(){ falg=1 } })

css

.hide{ display:none }

wxml

 

<view class="{{flag===0?‘hide‘:‘‘}}" bindtap="clickMes1">first </view> <view class="{{flag===1?‘hide‘:‘‘}}"  bindtap="clickMes2">second</view>

以上是关于小程序实现元素隐藏的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 wx:if 与 hidden(隐藏元素)区别

【微信小程序】隐藏和显示的方式

微信小程序wx:for隐藏遍历的最后一个元素

自定义 radio 样式(微信小程序)

微信小程序 block 隐藏 与 显示

弹窗不隐藏小程序