动态修改el-tag的type属性

想要实现点击按钮,切换按钮类型的同时,更改数据
在这里插入图片描述
在这里插入图片描述

data(){
return{
currentType:'',
environmentType:[1,2,3],
}
},
<el-tag :type="buttonType(index)" v-for="(type,index) in environmentType" :key="index"  @click.native="selectType(index)">{{type}}</el-tag>
buttonType(index){
// 选中的button更改颜色,其余的都更改为灰色
        if(index === this.currentType){
          return "success"
        }else{
          return "info"
        }
      },
selectType(val){
	this.currentType = val
	this.buttonType(val)
},

版权声明:本文为m0_47265814原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。