Vue+ElementUI前端添加展开收起搜索框按钮

• 前端

1、搜索框添加判断 v-if=”advanced”

2、添加展开收起按钮


			  搜索
			  重置
			  
				{{ advanced ? '收起' : '展开' }}

3、向data添加变量

Vue+ElementUI前端添加展开收起搜索框按钮

advanced: false,

4、添加事件方法

Vue+ElementUI前端添加展开收起搜索框按钮

/** 展开按钮操作 */
    toggleAdvanced() {
      this.advanced = !this.advanced
    },

5、展示

不点

Vue+ElementUI前端添加展开收起搜索框按钮

点击后

Vue+ElementUI前端添加展开收起搜索框按钮

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/21af16f345.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐