有时候我们希望页面中的某些元素在特定的时候出现,这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。
下面的代码主要是功能是:单击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中文网!
温馨提示:
文章标题:微信小程序的局部元素的隐藏
文章链接:https://www.prosaas.cn/17620.html
更新时间:2018年05月15日
声明: 本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:973664285@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读知企PROSAAS协议声明:本文由5201314发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。