Arahan v-else dalam Vue
Arahan v-if juga boleh berfungsi
bersama-sama dengan v-else. Mari kita lihat,
bagaimana ia kelihatan dalam praktik.
Katakan sifat isAuth mengandungi sama ada
pengguna telah diautentikasi atau tidak:
data() {
return {
isAuth: true, // di sini sama ada true, atau false
}
}
Mari kita buat supaya bergantung pada nilai
isAuth, sama ada satu mesej dipaparkan,
atau yang lain:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Diberi sifat isAdmin:
data() {
return {
isAdmin: true,
}
}
Bergantung pada nilai sifat paparkan sama ada satu teks, atau yang lain.
