微信小程序表单隐藏如何实现?

　　微信小程序表单隐藏如何实现?微信小程序表单里面有很多学问，所以大家很容易在小程序开发中碰到相关问题，比如如何隐藏表单?下面随小编一起看看吧!

　　微信小程序表单隐藏如何实现?

　　它的实现方法有两种，

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

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

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

　　显示状态:

　　因为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文件代码:

　　小程序Wxss文件代码：

　　.bright789-text{

　　font-size: 40rpx;

　　line-height: 40px;

　　color: #ff0000;

　　}

　　.bright789_view_hide{

　　display: none;

　　}

　　.bright789_view_show{

　　display: block;

　　}

　　以上就是小编搜集的微信小程序表单隐藏如何实现?的全部内容了，希望能帮到大家，上面的方法大家变通一下，把表单的组件代入进去就能实现隐藏了。更多精彩尽在微小乔!

相关推荐：

微信小程序form表单组件详解实例

微信小程序清空表单怎么操作？

怎样实现小程序获取表单数据？