想要实现点击按钮,切换按钮类型的同时,更改数据
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版权协议,转载请附上原文出处链接和本声明。