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

Posted 2022-03-10 Kunkun只喝怡宝

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了点击一个组件隐藏另外一个组件相关的知识，希望对你有一定的参考价值。

组件的隐藏和显示通过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的值

以上是关于点击一个组件隐藏另外一个组件的主要内容，如果未能解决你的问题，请参考以下文章