我有一个数组和一个包含模型的对象。
我想使用函数将对象添加到数组中push()
,但是这样做会更改数组中引用该对象的所有现有值。
我的代码示例
var app = new Vue({
el: '#app',
data: function () {
return {
dato: {
nombre: '',
apellido: ''
},
array: []
}
},
methods: {
add: function() {
this.array.push(this.dato)
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.6/vue.min.js"></script>
<div id="app">
<input type="text" placeholder="Nombre" v-model="dato.nombre" />
<input type="text" placeholder="Apellido" v-model="dato.apellido" />
<button v-on:click="add">PUSH</button>
<ul>
<li v-for="n in array">
{{ n }}
</li>
</ul>
</div>
如果有人知道如何进行修复,那就太好了
estático
您可以只是
copiar
对象并将副本保存在数组中。为此,您可以使用
Object.assign()
示范: