Question

这是我的fiddle

data: {
address_components: [
    { id:1, city_id:1, area_id: 100}
],
city_id:0,
area_id:0,
sort:1

}，

我需要将数据传递给现有行，这是不正确的？

如果我添加新行，则ID应为＆＃39; 2＆＃39;

like this

这样做的好方法是什么？：＆＃39 ;-（

Answer 1

修改你的代码：

addComponent() {
  this.address_components.push({id:++this.sort})
},

Answer 2

如何在数据中创建列表（）并将对象推送到那里。

<ul id="example-1">
  <li v-for="item in items">
    {{ item.message }}
  </li>
</ul>

var example1 = new Vue({
  el: '#example-1',
  data: {
    items: []
  },
  methods:
  {
  Add:function()
  {
     //process the inputs and push it to items list
     this.items.push({ message: "Hi"})

  }
  }
})

没有对此进行测试，只是从Vue文档中的示例创建，但您明白了。在列表中推送新项目将自动更新组件或元素

VueJS - 将数据传递给具有现有行的组件

2 个答案: