Директива v-else в Vue3
Встроенные директивы Vue3v-elseДиректива используется для представления блока else директивы v-if или v-else-if.
Базовое описание
v-elseДиректива должна непосредственно следовать за элементом v-if или v-else-if, указывая содержимое, которое нужно отобразить, когда все предыдущие условия не выполнены.
- Ожидаемый тип: отсутствует (не принимает выражения)
- Эффект: Представляет блок else директивы v-if, и перед ним должен стоять 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>
Другие расширения