如何在计算属性 VUEjs 中设置整个对象

Question

我的问题是我有一个带有 setter 和 getter 的计算属性，例如：

computed:{
        dataComputed:{
            get: function () {  return  this.dataProps},
            set: function (newValue) {
               //here my problem
                this.dataProps= Object.assign({}, newValue);
            }

        }
    },

但我的问题是我会分配从 ajax 调用中检索到的整个对象，例如：

var vm = this;
axios.post('/route', { data:this.dataComputed})
   .then(function (response) {
      vm.dataComputed = response.data.newData;
   }).catch(function (error) {});

但在控制台我有这个警告：

避免直接改变prop，因为值会被覆盖 每当父组件重新渲染时。相反，使用数据或 基于道具值的计算属性。道具被变异： “数据属性”

如何将从后端检索到的整个对象分配给计算对象？

Answer 1

根据您的错误消息，看起来dataProps 是您的组件的属性，并且属性不能被改变。尝试将 Object.assign({}, newValue); 分配给 data 变量，而不是来自 props 的变量。