vue.js 反應性和數據與 mixin

Question

我正在嘗試根據某些條件設置一個標志，該標志可以是布爾值true或false 。

// main.js
new Vue({
    el: `#app`,
    render: h => h(App,{
      props:{
        todoID: this.dataset.id
      }
    })
  })

我的應用程序腳本

export default {
  name: 'App',
  props: {
    todoID: String,
  },
  data() {
    return {
      isDone: false // here is the initial flag
    }
  },
  ...

我創建了一個 mixin 方法

import Vue from "vue";

Vue.mixin({
    methods: {
        isCompleted() {
            if (myconditions){
                this.isDone = true; // I want to change the flag to true
            }
        },
    },
});

在我的模板中，如果我執行{{isDone}}我總是得到錯誤，我怎樣才能將其更改為反應性以便可以根據條件進行更改？

Answer 1

我猜當您調用isCompleted函數時， myconditions是未定義的。 所以最好傳遞true 。

isCompleted(myconditions) {
            if (myconditions){
                this.isDone = true; // I want to change the flag to true
            }