Question

在下面的代码中，我有一个值，这是一个对象，该如何将其推入存在的数组。

methods: {
  onChange(event) {
    this.newItems.push(event.target.value);
    console.log(event.target.value);
  }
}

我的刀片是：

<select @change='onChange($event)' class="form-control">
  <option value="" selected disabled>Choose</option>
  <option v-for='item,key in items' :value="item">@{{ item.name }}</option>
</select>

Answer 1

我建议在选择对象上使用v模型来检测当前选择的对象。

<div id="app">
  <select @change="onChange" class="form-control" v-model="selected">
   <option value="" selected disabled>Choose</option>
   <option v-for='item,key in items' :value="item">@{{ item.name }}
   </option>
</select>
<p v-for="newItem in newItems">
  {{newItem}}
</p>
</div>

，然后将其推送到onChange方法中。

this.newItems.push(this.selected)

希望这会有所帮助。

通过一些小的修改就可以有效地处理代码：

https://jsfiddle.net/MapletoneMartin/e4oth98p/7/

如何将对象推送到Vue.js中的现有数组

1 个答案: