v-else-if
Updated on Sep 5, 2025 1 minutes to readThe v-else-if directive provides an additional conditional branch after a v-if.
It is checked only if the previous v-if or v-else-if was false.
• Example
<div v-if="vars.status === 'loading'">Loading...</div>
<div v-else-if="vars.status === 'success'">Data loaded!</div>
<div v-else>Error occurred.</div>