Директива v-else в Vue
Директива v-if может также работать
в комплекте с v-else. Давайте посмотрим,
как это выглядит на практике.
Пусть свойство isAuth содержит то,
авторизован пользователь или нет:
data() {
return {
isAuth: true, // тут или true, или false
}
}
Сделаем так, чтобы в зависимости от значения
isAuth выводилось или одно сообщение,
или другое:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Дано свойство isAdmin:
data() {
return {
isAdmin: true,
}
}
В зависимости от значения свойства выведите или один текст, или другой.