微信小程序控件隐藏怎么弄

　　在开发微信小程序的时候，会用到小程序控件。根据不同的实际环境，要对其进行显示和隐藏的处理，今天小编为大家讲解一下微信小程序控件隐藏怎么操作。

　　它的实现方法有两种，

　　第一种方法：单选法，就是隐藏与显示根据条件二选一，小程序代码如下:

　　我是被显示被隐藏控件

　　第二种方法：叠加法，就是先隐藏，如果是显示，再叠加一个显示，如果是隐藏就不动，代码如下：

　　我是被显示被隐藏控件

　　这种办法一开始看有点头晕，所以把它分解成两个状态：

　　显示状态:

　　因为showView是true，所以我们把它转成如下样子

　　我是被显示被隐藏控件

　　看到了吧，后面的bright789_view_show会把前面的bright789_view_hide重叠上去，注意这里是重叠，所以顺序不能反过来像bright789_view_show {{showView?'':' bright789_view_show '}}这种是不行的

　　隐藏状态:

　　相当于如下代码:

　　我是被显示被隐藏控件

　　最后我把demo的js,wxml和wxss代码贴一下:

　　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)

　　})

　　}

　　})

　　Wxml文件代码:

　　{{showView?'隐藏':'显示'}}

　　我是被显示被隐藏控件

　　Wxss文件代码：

　　.bright789-text{

　　font-size: 40rpx;

　　line-height: 40px;

　　color: #ff0000;

　　}

　　.bright789_view_hide{

　　display: none;

　　}

　　.bright789_view_show{

　　display: block;

　　}

　　以上就是微信小程序控件隐藏实施的步骤了，第一张图片就是操作成功之后的效果，相信大家看完之后都能学会隐藏控件了吧，更多相关资料请关注微信小程序素材网。

　　微信小程序输入框光标，微信小程序 input输入框控件

　　微信小程序能隐藏头部导航栏吗?

　　怎样用微信小程序赚钱背后隐藏着什么?