vue elementui el-button点击切换class

html

<el-button :type="0 == quaflat ? 'primary':''" @click="getlisttable(0)">夏天</el-button>

<el-button :type="1 == quaflat ? 'primary':''" @click="getlisttable(1)">秋天</el-button>

js

getlisttable(flat) {

if (flat == 0) {

this.quaflat = 0;

} else {

this.quaflat = 1;

}

},

完整代码

<template>

<div>

<el-button :type="0 == quaflat ? 'primary':''" @click="getlisttable(0)">夏天</el-button>

<el-button :type="1 == quaflat ? 'primary':''" @click="getlisttable(1)">秋天</el-button>

</div>

</template>

<script>

export default {

data() {

return {

quaflat: "0",

};

},

methods: {

getlisttable(flat) {

this.quaflat=flat

},

}

};

</script>

<style lang="scss" scoped>

</style>

 

最后

以上就是隐形御姐最近收集整理的关于vue elementui el-button点击切换class的全部内容，更多相关vue内容请搜索靠谱客的其他文章。