en mi aplicación vue tengo el siguiente código:
<div v-if="partner == true && kids == false" class="row"> <input type="text" id="testInput"> </div>Ahora, cuando quiero probar este fragmento de código, no muestra la entrada. Estoy bastante seguro de que debería porque las variables tienen el valor correcto en este momento.
También probé esto pero esto tampoco funciona:
<div v-if="partner && !kids" class="row"> <input type="text" id="testInput"> <div>¿La condición es incorrecta o cuál es el problema con este código?
Tu código está bien:
new Vue({ el: "#demo", data() { return { partner: true, kids: false } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <div v-if="partner && !kids" class="row"> <input type="text" id="testInput"> </div> </div>