Estoy tratando de establecer un indicador que puede ser un valor booleano true o false según ciertas condiciones.
// main.js new Vue({ el: `#app`, render: h => h(App,{ props:{ todoID: this.dataset.id } }) })mi script de aplicación
export default { name: 'App', props: { todoID: String, }, data() { return { isDone: false // here is the initial flag } }, ...Creé un método mixin
import Vue from "vue"; Vue.mixin({ methods: { isCompleted() { if (myconditions){ this.isDone = true; // I want to change the flag to true } }, }, }); en mi plantilla si hago {{isDone}} siempre obtengo falso, ¿cómo puedo cambiar esto para que sea reactivo para que pueda cambiarse según las condiciones?
Aquí hay una demostración que creé: https://codesandbox.io/embed/vigorous-bell-p1itu?fontsize=14&hidenavigation=1&theme=dark
Vue.mixin({ methods: { isCompleted(myconditions) { console.log(myconditions); console.log(typeof myconditions); return this.isDone = myconditions; // I want to change the flag to true }, }, }); new Vue({ el: '#vue-app', data: { isDone: false } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="vue-app"> <p> result = {{ isCompleted(true) }}</p> </div> </body>