主页 / 问题 / 1569679
Accepted
Arteil
Asked:2024-03-01 20:20:37 +0000 UTC2024-03-01 20:20:37 +0000 UTC

[Vue warn]：写入操作失败：计算属性为只读

  • 772

有一个employees从 vuex 传递过来的对象变量state。

computed: {
    ...mapState ({
        employee: state => state.day.employees,
    }),
},

当你尝试改变这个对象时

this.employee = this.employee.map(x => {
    if(x.id === itemId) {
        x.cell_id = cell_id
    }
    return x
})

出现错误[Vue warn]: Write operation failed: computed property "employee" is readonly.：如何使该对象可更改？

javascript

1 个回答

  1. Best Answer

    本来可以解决这个问题的store

    mutations: {
    setEmployeesCell(state, data) {
        state.employees = state.employees.map(x => {
            if(x.id === data.item_id) {
                x.cell_id = data.cell_id
            }
            return x
        })
    }
},

actions: {
    setCell({ commit }, data) {
        commit('setEmployeesCell', data)
    }
}

    在页面本身

    methods: {
    onDrop() {
        data  = {
            item_id: itemId,
            cell_id: cell_id
        }
        this.$store.dispatch('day/setCell', data)
    }
}
    • 1

相关问题