点击一个组件隐藏另外一个组件

组件的隐藏和显示通过display:none/block来控制

首先给要隐藏的组件添加一个三元表达式的来切换组件的类

wxml代码：

<input class="{{showInput?'show':'hide'}}" type="text" placeholder="请输入简要描述"/>

wxss代码：

.show{
  display: block;
}

.hide{
  display: none;
}

js代码：

data:{
  showInput:true
  },
 
 bindShow(){
	this.setData({
		showInput:false
		)}
},

 bindHide(){
	this.setData({
		showInput:true
		)}
}

通过点击事件来切换showInput的值