vue3使用which写多个判断
时间: 2024-03-08 15:21:18 浏览: 151
在Vue3中,可以使用v-if和v-else-if指令来写多个判断。例如:
```html
<template>
<div>
<div v-if="type === 'A'">Type A content</div>
<div v-else-if="type === 'B'">Type B content</div>
<div v-else-if="type === 'C'">Type C content</div>
<div v-else>Type D content</div>
</div>
</template>
```
上述代码中,根据变量type的值,显示不同的内容。如果type为'A',则显示"Type A content";如果type为'B',则显示"Type B content";以此类推。如果type不为任何一个判断条件,则显示"Type D content"。
阅读全文