Vue3 v-else 指令
Vue3 内置指令v-else 指令用于表示 v-if 或 v-else-if 的 else 块。
基本说明
v-else 指令必须紧跟在 v-if 或 v-else-if 元素之后，表示当所有前面的条件都不满足时渲染的内容。
- 期望类型: 无（不接受表达式）
- 作用: 表示 v-if 的 else 块，前面必须有 v-if 或 v-else-if。
基本用法
实例
<template>
<div>
<p v-if="isLoggedIn">欢迎回来</p>
<p v-else>请登录</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
<div>
<p v-if="isLoggedIn">欢迎回来</p>
<p v-else>请登录</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>