微信小程序隐藏显示事件怎么实现?

　　微信小程序隐藏显示事件怎么实现?各位微信小程序开发者们，如果要是微信小程序点击隐藏和显示，可以参考以下小编整理的内容，接下来的内容就是微信小程序隐藏显示事件的实现方法。

　　微信小程序隐藏显示事件怎么实现?

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

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

　　微信小程序隐藏显示实现方法：

　　logs.wxml微信小程序代码：

　　logs.js文件：

　　Page({

　　data: {

　　showView: true

　　},

　　onLoad: function (options) {

　　// 生命周期函数--监听页面加载

　　showView: (options.showView == "true" ? true : false)

　　}

　　, onChangeShowState: function () {

　　var that = this;

　　that.setData({

　　showView: (!that.data.showView)

　　})

　　},

　　})

　　logs.wxss微信小程序代码：

　　.bright789_view_hide{

　　display: none;

　　}

　　.bright789_view_show{

　　display: block;

　　}

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

　　微信小程序隐藏显示事件怎么实现?对于这方面的内容，小编就介绍到这里了，相信以上的内容可以为大家解决烦恼，您可以去试着操作看看哦。大家快来关注微小乔吧。更多精彩内容等着您哦。

　　为什么微信小程序view文本会显示空格?如何解决显示空格的问题?

　　微信小程序隐藏navigationBa怎么实现?

　　微信小程序隐藏导航条怎么实现?