vue this.$store.state.sales_flag == 0 || this.$store.state.sales_flag == 1 存在的话加一个class样式
时间: 2024-12-15 13:25:28 浏览: 4
当你在Vue.js中检查`this.$store.state.sales_flag`是否等于0或1,并希望在满足条件时给元素添加特定的CSS类,你可以这样做:
```html
<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`的计算属性来处理这个逻辑,可以简化为:
```html
<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>
```
阅读全文