完全替换Vue data()

时间:2019-02-01 13:07:28

标签: vuejs2

我正在寻找一种替换数据下的对象的方法。

  data() {
         return {
                form:{ .... }
                }
         }

我了解到我本身不能直接更改数据,因此我将所有变量都移到了form下。我想替换form内部的所有数据,以便更改表单值。

我已经找到了一种更新单个值的方法;

this.$set(this.someObject, 'planes', true),其中解决方案是Formik,但我想替换所有表单对象。

update_form(){
         let self = this
          $.ajax({
                 url: '/formdata/',
                 type: 'GET',
                  success: function(response){
               self.$set(self.form, needToUpdateAll)
                   }
               });
},

我被卡在needToUpdateAll的位置。在here中,它显示为target, key, value。 我正在寻找解决方案,因为我不想一个接一个地分配所有值(对象具有嵌套对象和嵌套对象:()

任何漫游都会感激

1 个答案:

答案 0 :(得分:3)

这并不复杂。您不需要$ set。 update_form()中的methods吗?如果是这样,只需执行this.form = responsedata中的顶级名称可以直接在其余Vue对象中使用。