Question

我是vue.js的新手。我正在写表格。我的表单中有一个添加按钮，当用户点击此按钮时，相同的表单字段将添加到此表单中。并且用户可以添加他/她想要的次数。为此，我的数据是。

data () {
    return {
      form: [{
          fieldOne: '',
          fieldTwo: '',
      }]
    }
}

当用户点击html中的add buton时，我的addForm功能被调用。

addForm() {
 let newObject = {
              fieldOne: '',
              fieldTwo: '',
          }
 this.form.push(newObject); // Gives error.
}

我读到了Vue.set。我可以轻松添加单个字段或对象。但我不知道如何将对象添加到表单数组中请帮帮我。

Answer 1

That works。你有什么问题？

<强>标记

<div id="vueRoot">
  <button @click="addForm">
    Click Me !
  </button>
  {{form}}
</div>

<强>码

var vm = new Vue({
  el : "#vueRoot",
  data : {
    form: [{
      fieldOne: '',
      fieldTwo: '',
    }]
  },
  methods : {
    addForm() {
      let newObject = {
        fieldOne: '',
        fieldTwo: ''
      }
      this.form.push(newObject); // Gives error.
    }
  }
});

即使你是新手，只是环顾四周并尝试一下，如果你给出真实的名字，你会有更多的乐趣。＆＃34;形式＆＃34;和＆＃34; fieldOne＆＃34;很快就会陷入海难！

如何动态地将新对象添加到vue（对象）数据的数组-Vue.js？

1 个答案: