【小程序】让控件隐藏或者显示

1、方法一：启蒙链接：http://www.jb51.net/article/112335.htm

最开始写的时候运用添加class的方法，举例：

test.wxml:

 <view class=" {{showOrHidden?'show':'hide'}}">+++++++++++++</view>

test.wxss:

.hide {
  display: none;
}

.show {
  display: block;
}

test.js:

 

 data: {
    showOrHidden:true,//判断显示与否的，true表示显示，反之隐藏
  },

 

2、方法二：启蒙链接：https://www.cnblogs.com/bellagao/p/6296058.html

看到一种简洁的方式，利用 wx:if 的方式，举例：

test.wxml:

<view wx:if='{{showOrHidden}}'>++++++++++++++++++++++++++++</view>

test.js:

 data: {
    showOrHidden:true,//判断显示与否的，true表示显示，反之隐藏
  },

 

总结：可以看到方法二比方法一简单一些，如果showOrHidden设置为false，则整个元素也不会被创建，而方法一是如论如何都会被创建的。