微信小程序开发文档如何隐藏控件

在微信小程序的开发过程中，经常使用隐藏某个控件，本文介绍具体的实现方法。

背景：

在小程序的开发过程中，通常需要隐藏某个控件。因为项目原本需要在两个画布之间切换，但是小程序画布支持的功能真的很小，原来jquery移动或者将画布变成画面可以轻松实现滑动效果，但是它不支持，最后只能做A画布，需要时显示，不需要时隐藏。

实施方法：

Logs.wxml

[javascript]查看普通副本

{{showView？\'Click to CheckIdleReason \': \'点击检查MTStatus \'}}

Logs.js

[javascript]查看普通副本

页面（{

数据: {showView: true}，onLoad: function（options）{//生命周期函数 - 监听页面加载showView:（options.showView==true？true: false）}，onChangeShowState: function（）{var that=This ; that.setData（{showView:（！that.data.showView）}）}，}）

Logs.wxss

[javascript]查看普通副本

.bright789_view_hide {display: none; }

.bright789_view_show {显示:块; }

从上面的三个文件页面可以清楚地看到逻辑：logs.wxml的onChangeShowState按钮会触发logs.js中的一个事件，它会改变showView的值，而在logs.wxml中将根据showView的值canvas的class属性，在logs.wxss中专门设置了两个显示的类属性。

以上是如何隐藏对这个微信小程序开发文档的控制，如果你需要了解更多的小程序开发问题，请参阅：小程序开发文档

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。