sup, entonces tengo un problema con v-if en vue.
básicamente tengo una v-for que recorre la matriz y dentro de esa v-for tengo un par de elementos con v-if
<button v-if="Collection.status" type="button">deactivate</button> <button v-else type="button">activate</button>pero también me gustaría deshabilitar los botones "activar" si una variable de datos (disableButton) es verdadera. ¿Cómo podría hacer eso?
Tal vez sea una pregunta tonta, pero soy nuevo en vue y he estado buscando esto durante mucho tiempo.
Prueba como el siguiente fragmento:
new Vue({ el: '#demo', data() { return { Collections: [{id: 1, status: true}, {id: 2, status: false}, {id: 3, status: true}], disableButton: true } } }) 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"> <ul> <li v-for="Collection in Collections" :key="Collection.id"> <button v-if="Collection.status" type="button" >deactivate</button> <button v-else :disabled="disableButton" type="button">activate</button> </li> </ul> </div>¿Estás buscando esto?
<button v-else type="button" disable="Collection.disableButton">activate</button>