vue elementui el-button点击切换class

最新推荐文章于 2024-09-30 00:39:15 发布

一只小白菜

最新推荐文章于 2024-09-30 00:39:15 发布

阅读量2.2k

点赞数 1

本文链接：https://blog.csdn.net/weixin_39543986/article/details/103082346

版权

html

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

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

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>