elementUI-收起与展开

【代码】elementUI-收起与展开。

Pumpkinz

992人浏览 · 2022-10-19 22:25:50

Pumpkinz · 2022-10-19 22:25:50 发布

<el-button style="font-size:16px"  type="text" @click="toggleSearchStatus = !toggleSearchStatus"
 >{{ toggleSearchStatus ? '收起' : '展开' }} 
      <i :class="toggleSearchStatus ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
</el-button>

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport