vue this.$store.state.sales_flag == 0 || this.$store.state.sales_flag == 1 存在的话加一个class样式
时间: 2024-12-15 14:25:28 浏览: 21
当你在Vue.js中检查this.$store.state.sales_flag
是否等于0或1,并希望在满足条件时给元素添加特定的CSS类,你可以这样做:
<div v-if="this.$store.state.sales_flag === 0 || this.$store.state.sales_flag === 1" :class="{ activeClass: true }"></div>
<style>
.activeClass {
/* 这里是你想要应用的样式 */
color: red;
background-color: yellow;
}
</style>
在这个例子中,我们使用了v-if
指令来根据sales_flag
的值判断是否需要添加activeClass
这个类。如果条件成立,activeClass
就会被设置为true
,进而应用相应的CSS样式。
如果你已经有了一个名为isFlagActive
的计算属性来处理这个逻辑,可以简化为:
<div v-class="{ active: isFlagActive }"></div>
<script>
export default {
computed: {
isFlagActive() {
return this.$store.state.sales_flag === 0 || this.$store.state.sales_flag === 1;
}
}
};
</script>
<style>
.active {
/* ... */
}
</style>
相关推荐



















