Tengo un botón de alternar con títulos que está configurando datos para enviar al servidor.

Y está obteniendo datos de API como los que se publican en el servidor. Quiero verificar si hay una identificación de elemento similar en los datos de API con reglas, luego obtener su estado y reemplazarlo con lo que es ahora. Pero me sale este error changedStatus is not defined Agradecería si alguien me puede ayudar con eso.

Enlace a mi código en sandbox https://codesandbox.io/s/vuex-todo-list-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, }, }, ],

en métodos

 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 } }); }); },