Bueno, esta pregunta vino después de esta pregunta mía. Cómo deshabilitar el botón si varias entradas de formulario no cambian en Vue.js
Hay Switch en cada forma. Cuando se cambian las entradas de un formulario, el interruptor debe estar ON desde el estado OFF . Lo he hecho poniendo esta línea en el método de watch en cada formulario.
this.items.forEach( (_, index) => { this.$watch(['items', index].join('.'), {deep: true, handler: (newVal, oldVal) => { this.changed.push(newVal.id) this.items[index].switch = true }}); }); Después de agregar esta línea, this.items[index].switch = true , el Switch se ON desde OFF ; pero si un usuario vuelve a OFF el Switch haciendo clic en el Switch ; el texto ya no cambia. Siempre permanece ON . como arreglar eso?
Si agrega esta línea para ver cada vez que cambia este modelo, el interruptor se establece en verdadero. Necesitas un condicional, prueba esto.
this.items[index].switch = this.changed.includes(newOld.id)