我是靠谱客的博主 简单小懒虫,这篇文章主要介绍微信小程序的局部元素的隐藏,现在分享给大家,希望可以做个参考。

有时候我们希望页面中的某些元素在特定的时候出现,这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。

下面的代码主要是功能是:单击first第一个view隐藏,第二个展示。单击second第二个view隐藏,第一个展示。
JS代码

复制代码
1
2
3
4
5
6
7
8
9
10
11
Page({ data:{ flag:0 }, clickMes1: function(){ falg=1 } , clickMes2: function(){ falg=1 } })
登录后复制

WXML

复制代码
1
2
3
4
<view class={{flag===0?"hide":""}} bindtap="clickMes1">first </view> <view class={{flag===1?"hide":""}} bindtap="clickMes2">second</view> 1 2
登录后复制

WCSS

复制代码
1
2
3
.hide{ display:none }
登录后复制

最后

以上就是简单小懒虫最近收集整理的关于微信小程序的局部元素的隐藏的全部内容,更多相关微信小程序内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(94)

评论列表共有 0 条评论

立即
投稿
返回
顶部