0
177
ViewsOcultar Div según el valor de los accesorios
He importado accesorios de mi parent.vue . Ahora quiero ocultar mi div según el número en mi Objeto.
Si mi número de accesorios está vacío o es 0, quiero ocultar este Div, si es mayor o igual que 1, quiero mostrarlo.
Así es como se ve mi objeto que obtengo de mis métodos:
mi plantilla:
<template> <div class='row mb-5'> <!-- HIDE THIS COMPLETE DIV --> <div class='col-12'> </div> </div> </template>mi guion:
data: function() { var data = { checkNumber: this.number, } console.log(data); return data; }, props: [ "number" ]
·
Juan Pablo Isaza
1 answers
Answer question0
Puede usar v-if o v-show :
Vue.component('Child', { template: ` <div class='row mb-5' v-if="Number(number) > 0"> <div class='col-12'> number > 0 </div> </div> `, data() { return { checkNumber: this.number, } }, props: [ "number" ] }) new Vue({ el: '#demo', data() { return { numbers: 0, } }, }) Vue.config.productionTip = false Vue.config.devtools = false <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <input type="number" v-model="numbers" /> <Child :number="numbers" /> </div>
·
Juan Pablo Isaza
Report
Answer question