微信小程序实现动态显示和隐藏某个控件

　　

<强>微信小程序实现动态显示和隐藏某个控件

　　

在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。

　　

因为项目原本是需要将两个帆布切换,但是小程序的帆布支持的功能实在是少,本来就jQuery移动或者将画布转为图片就可以很容易实现滑动效果,但是都不支持,最后只能是做一个画布,需要时显示,不需要时隐藏。

　　

实现方法:

　　

<强> logs.wxml

　　 　　 　　& lt; view> 　　& lt;按钮bindtap=" onChangeShowState "在{{showView& # 63;“点击查看IdleReason”:“点击查看MTStatus”}} & lt;/button> 　　& lt;/view> 　　& lt;视图类=" {{showView& # 63;“bright789_view_show”:“bright789_view_hide}}”在 　　& lt;帆布canvas-id=" pieCanvas1 "祝辞& lt;/canvas> 　　& lt;/view> 　　之前 　　 　　

<强> logs.js

　　 　　 　　页面({ 　　数据:{ 　　showView:真 　　},> 　　.bright789_view_hide { 　　显示:没有; 　　} 　　.bright789_view_show { 　　显示:块; 　　} 　　之前 　　 　　

从上面三个页面的文件可以很明显看出逻辑:logs.wxml的onChangeShowState按钮会在logs.js中触发一个事件,它会改变showView的值,而在logs.wxml中会根据showView的值确定画布画布的类属性,而在logs.wxss中具体再设置两个类属性哪个是否显示

　　

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持。
　　

微信小程序实现动态显示和隐藏某个控件