Do not mutate vuex store state outside mutation handlers.

最新推荐文章于 2024-06-26 12:00:00 发布

haiweini

最新推荐文章于 2024-06-26 12:00:00 发布

阅读量626

点赞数

分类专栏： web 文章标签： vue

本文链接：https://blog.csdn.net/kezanxie3494/article/details/89925861

版权

web 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<CheckboxGroup class="record-transfer-checkbox" v-model="checkAllGroup">

model绑定数组checkAllGroup，在点击全选按钮触发handleCheckAll方法时，选中则会push拉取的数据到checkAllGroup中，取消选中会清空数组。但是当全选按钮选中=》去选=》选中时报错：不能在mutation 外更改状态值。

源代码：

handleCheckAll(bool) {
    if (bool) {
        let newObj = [];
        this.recordInfo.list.forEach(item => {
            // 避免重复id存入数组
            if (this.checkAllGroup.indexOf(item.id) < 0) {
                this.checkAllGroup.push(item.id)
            }})
    } else {
        this.checkAllGroup = [];
    }
}

解决：

handleCheckAll(bool) {
    if (bool) {
        let newObj = [];
        this.recordInfo.list.forEach(item => {
            newObj.push(item.id);});
        // 避免重复id存入数组
        this.checkAllGroup = Array.from(new Set(newObj));
    } else {
        this.checkAllGroup = [];
    }
}

小白解析：问题在于之前直接更改了数组值，不过并没有存在vuex中。而重新开辟一个空间并将应用付给checkAllGroup ，就不会出现更改原内存中的数据。和vuex的状态有何关系，希望大神解答！！！！