微信小程序的局部元素的隐藏
程序员文章站
2022-03-04 11:56:50
...
有时候我们希望页面中的某些元素在特定的时候出现,这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。
下面的代码主要是功能是:单击first第一个view隐藏,第二个展示。单击second第二个view隐藏,第一个展示。
JS代码
Page({ data:{ flag:0 }, clickMes1: function(){ falg=1 } , clickMes2: function(){ falg=1 } })
WXML
<view class={{flag===0?"hide":""}} bindtap="clickMes1">first </view> <view class={{flag===1?"hide":""}} bindtap="clickMes2">second</view> 1 2
WCSS
.hide{ display:none }
更多微信小程序的局部元素的隐藏相关文章请关注PHP中文网!
上一篇: 微信小程序实现【回到顶部】的按钮效果
下一篇: 使用微信小程序开发一个弹窗页面的方法介绍