小工具知识网

当前位置: 首页 > 行业知识 > Vue+ElementUI前端添加展开收起搜索框按钮

行业知识

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

2026-11-12 08:23:26 来源:互联网转载

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

              

2、添加展开收起按钮

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

3、向data添加变量

advanced: false,

4、添加事件方法

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

5、展示

不点

点击后

上一篇:和平精英服务器怎么设置?

下一篇:备案注销详解,流程、要点与注意事项指南