我试图将一个数组复制到另一个数组,并像使用新数组一样使用它,而不对旧数组进行任何更改:
<div id="app">
<div class="form-group">
<label>Test input</label>
<input v-model="testArray[0].name" type="text" class="form-control" placeholder="Input">
</div>
<br>
<pre>testArray: {{ testArray[0] | json}}</pre>
<pre>templateArray: {{ templateArray[0] | json }}</pre>
new Vue({
el: '#app',
data: {
testArray: [],
templateArray: [{name: "TEST"},],
},
ready: function() {
this.testArray = this.templateArray.slice(0);
},
});
问题是,然后我更新了新的数组"testArray",我也更改了旧的数组"templateArray".
playbook :https://jsfiddle.net/4po1cpkp/7/
是否有任何方法可以基于数组模板创建新数组,而不直接将其绑定到模板?