欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Elementui 的按钮el-button点击切换class

程序员文章站 2022-06-07 11:06:43
...

完整代码

<template>
	 <div class="type-check">
	     <el-button :type="0==display?'success':'default'"  size="mini" @click="displayCheck(0)">表格 </el-button>
	     <el-button :type="1==display?'success':'default'" size="mini"  @click="displayCheck(1)">图表</el-button>
	  </div>
</template>
export default {
   data() {
       return {display: "0",};
   },
   methods: {
      displayCheck(flat) {this.display=flat},
   }
};
相关标签: vue.js