Vue - Condicionales
Condicional if
, else
, else-if
aplicadas en vue mediante las directivas: v-if
, v-else
y v-else-if
<div id="app">
<button v-on:click="error = !error" type="button" name="button">Error</button>
<button v-on:click="exito = !exito" type="button" name="button">Exito</button>
<p v-if="error">Ocurrio un error</p>
<p v-else-if="exito">Exito total</p>
</div>
si el mensaje es de error no se despliega el mensaje de exito, si el mensaje es de exito no se despliega el mensaje de error
var app = new Vue({
el: '#app',
data: {
error: true,
exito: true
}
});
Resultado: