Vue.js 无法将数组复制到另一个数组

Question

我正在尝试将一个数组复制到另一个数组，但出现了该错误：

[Vue 警告]：渲染错误：“TypeError：无法读取属性‘名称’ 未定义”

我的代码：

props: {
    languages: {
        required: true,
    },
},
data() {
       return {
           translations: [],
       }
},
mounted() {
        this.setTranslations();
},
methods: {
        setTranslations() {
               this.translations = this.languages.slice(0);
        }
},

结果相同：

this.translations = this.languages

和：

let temp = this.languages.slice(0); 
this.translations = temp;

编辑

如果我评论那一行：

// this.translations = this.languages.slice(0);

错误消失。

这也不起作用：

this.languages.forEach( function (item) {
     this.translations.push(item);
});

我收到错误：

挂载钩子错误：“TypeError：无法读取属性‘翻译’ 未定义”

但这有效：

let temp = this.languages.slice(0);

temp.forEach( function ( lang ) {
    Vue.set(lang, 'value', {});
    Vue.set(lang.value, 'name', "");
    Vue.set(lang.value, 'metaKeywords', "");
    Vue.set(lang.value, 'metaDescription', "");
});

this.translations = temp;

虽然这样我的语言数组与翻译数组相同，但这不是我想要的。

我做错了什么？

Answer 1

其实这个错误来自于模板。模板取决于我的翻译数组中的“名称”。它找不到它。这就是我最后一个代码有效的原因。 我不知道为什么当我评论数组复制行时控制台不显示错误。它应该显示相同的错误。