vue vuex 监听对象数组变化,新旧值相同

1,343 阅读1分钟

我的需求:需要监听vuex中一个对象数组,比较新旧值,做一些处理。

出现的问题:watch中打印出来的新旧值相同

出现问题的原因

image.png 解决方案

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
        list: [],
    },
    mutations: {
        add(state) {
            const id = state.list.length + 1
            state.list = [...state.list, { id: id, name: 'xiaoming' + id }]
        },
        remove(state,id) {
            state.list = state.list.filter(item=>item.id==id)
        },
    },
})

export default store