在观察者中出现 Vuex 错误，但我没有使用 Vuex [Nuxt]

Question

我正在尝试更改数组 [{ text: 'some text' value: 'some value, active: false }, etc..] 中的 object 属性 from false当我 select 绑定到 v-model:

的复选框时为真

<v-col v-for="(item, i) in searchModule.allHeaders" :key='i' cols='2'>
<v-checkbox
  v-model='selectedColumnHeaders'
  :label="item.text"
  :value="item"
  color="primary"
  hide-details
></v-checkbox>
</v-col>

我试图在 Vue 观察器中执行此操作，因此当我选中或取消选中时数组发生变化时，我会更新它的数组 object 属性，但是当我尝试执行此操作时，我得到了这个奇怪的 Vuex 错误！我什至没有在这里使用 Vuex！这是框架错误还是我误解了观察者的工作方式？顺便说一句，我正在使用Nuxt。

这是我在观察者中的代码：

watch: {
        // columns for table regen
        selectedColumnHeaders(newVal, oldVal) {
            /*
            This is how we change the header's active status, by default some are active and some aren't, 
            but when a user checks the check box to regenerate a table, we need to change these active key-value pairs, we do it here.
            */
            if (newVal !== oldVal) {
                this.selectedColumnHeaders.map((header) => {
                    (header.active === false) ? header.active = true : null;
                });
            }
        }
    },

当我点击创建 Vue 实例时已经检查过的 headers（[{ text: 'some text' value: 'some value, active: true } 等。 ]), 但是当我在创建 Vue 实例时单击活动属性为 false 的复选框时，我收到此错误：

“错误：[vuex] 不要在突变处理程序之外改变 vuex 存储状态。”

本组件或parent组件中没有Vuex！（它存在于应用程序的其他地方），但我正在“变异”的数据不在商店中......非常困惑，感谢任何帮助

Answer 1

如果其他人遇到这个问题，我通过在我的 /store/index.vue 中添加“export const strict = false”来解决它，不知道为什么这会触发 Vuex，但确实如此，这解决了错误。

在观察者中出现 Vuex 错误，但我没有使用 Vuex [Nuxt]

Getting Vuex error in watcher but I'm not using Vuex [Nuxt]

vue.js

vuex

nuxt.js

vuetify.js