用v-if 判断a=1或者2的时候 显示 只用一个v-if判断
时间: 2023-07-07 07:33:44 浏览: 65
VUE中V-IF条件判断改变元素的样式操作
可以这样写:
```
<template>
<div v-if="a === 1 || a === 2">
<div v-if="a === 1">显示a等于1的内容</div>
<div v-if="a === 2">显示a等于2的内容</div>
</div>
</template>
<script>
export default {
data() {
return {
a: 1, // 或者 a: 2
};
},
};
</script>
```
当 `a` 等于 1 或 2 时,外层的 div 会显示,内层的 div 会根据 `a` 的值决定哪个会显示。当 `a` 不等于 1 或 2 时,外层的 div 不会显示。这样就能用一个 `v-if` 判断 `a` 是否等于 1 或 2,并且在满足条件时显示对应的内容。
阅读全文