如何在Vue.js中解除数组的绑定副本

16 浏览
0 Comments

如何在Vue.js中解除数组的绑定副本

我正在尝试将一个数组复制到另一个数组，并将其作为新数组使用，而不对旧数组进行任何更改：

       
       
    
    
testArray: {{ testArray[0] | json}}


templateArray: {{ templateArray[0] | json  }}




new Vue({
  el: '#app',
  data: {
      testArray: [],
      templateArray: [{name: "测试"},], 
  },
  ready: function() {
      this.testArray = this.templateArray.slice(0);
    },
});





问题是，当我更新新数组'testArray'时，我也会改变旧数组'templateArray'。


运行中的脚本：https://jsfiddle.net/4po1cpkp/7/


有没有办法根据数组模板创建新数组，而不直接将其绑定到模板？
0