从API＆amp;使用状态数据检查

Question

我有一个带有标题的切换按钮，该按钮正在设置数据以发送到服务器。

它像发布到服务器一样获取API数据。 我想检查API数据中使用规则的API数据中是否有类似的项目ID，然后获取其状态并将其替换为现在的状态。 但是我得到此错误changeStatus未定义 如果有人可以帮助我，我将不胜感激。

链接到沙箱中的代码 https://codesandbox.io/s/vuex-todo-list-list-list-list-forked-forked-forked--forked-forked------------------------------------- 4KUI26

    <input type="checkbox" v-model="Rule.params.value" />

     Rules: [
    {
      item_id: 144,
      title: "_00_Init_Initialization",
      params: {
        value: false,
      },
    },
    {
      item_id: 145,
      title: "_Init_AppsInitialization",
      params: {
        value: false,
      },
    },
    {
      item_id: 146,
      title: "_02_Global_Generic",
      params: {
        value: false,
      },
    },
    {
      item_id: 147,
      title: "_02_Global_Generic",
      params: {
        value: false,
      },
    },
    {
      item_id: 148,
      title: "02_Global_Generic",
      params: {
        value: false,
      },
    },
    {
      item_id: 149,
      title: "Global_Generic",
      params: {
        value: false,
      },
    },
  ],
  apiData: [
    {
      item_id: 144,
      params: {
        value: true,
      },
    },
    {
      item_id: 145,
      params: {
        value: false,
      },
    },
    {
      item_id: 146,
      params: {
        value: true,
      },
    },
    {
      item_id: 147,
      params: {
        value: true,
      },
    },
    {
      item_id: 148,
      params: {
        value: false,
      },
    },
    {
      item_id: 149,
      params: {
        value: false,
      },
    },
  ],

在方法中

 mounted() {
   console.log("mounted");
   this.checkStatus();
  },
 methods: {
   checkStatus() {
     this.Rules.map((rule) => {
     this.apiData.map((data) => {
      const status = this.apiData.find(
        (data) => rule.item_id == data.item_id
      );
      if (status.params.value == true) {
        const changedStatus = this.Rules.find(
          (data) => status.item_id == data.item_id
        );
        changedStatus.params.value = true
      } else {
        changedStatus.params.value = false
      }
    });
  });
},

Answer 1

尝试在条件之外定义更改status：

methods: {
  checkStatus() {
    this.Rules.map((rule) => {
    this.apiData.map((data) => {
    const status = this.apiData.find(
      (data) => rule.item_id == data.item_id
    );
    const changedStatus = this.Rules.find(
      (data) => status.item_id == data.item_id
    );
    status.params.value == true ? 
      changedStatus.params.value = true : 
      changedStatus.params.value = false
    }
  });
});