Die v-else-if Direktive in Vue
Anstelle mehrerer v-if kann man
Konstruktionen mit v-else-if verwenden:
<template>
<p v-if="num == 1">one</p>
<p v-else-if="num == 2">two</p>
<p v-else-if="num == 3">three</p>
<p v-else>error</p>
</template>
Angenommen, in data ist Folgendes gespeichert:
data() {
age: 25,
}
Wenn die Eigenschaft age kleiner als 18 ist - geben Sie
'Jugendlicher' auf dem Bildschirm aus,
wenn sie zwischen 19 und 25 liegt - geben Sie 'junger
Mensch' auf dem Bildschirm aus,
und wenn sie über 26 liegt - geben Sie
'Mann' auf dem Bildschirm aus.
