const

Question

我有一个具有以下结构的settings.js文件：

settings.js：

export const availableDatabaseColumns = {
        accountmode : 'Accountype',
        customergroup : 'Customer Group',
}

然后，在我的组件中，我这样做：

import * as settings from '../settings/settings';

在模板标签中，我这样做：

<p v-for="(item, key) in settings.availableDatabaseColumns">{{ item }}</p>

但是，不知怎的，这是空的，我没有输出。当我这样做时，我确实看到了值：

mounted : function() {
    console.log(settings.availableDatabaseColumns)
},

我错过了什么？

Answer 1

组件在渲染模板期间不显示变量settings，因为您不会将其安装在组件中（换句话说this.settings === undefined）。 你应该写created()组件钩子：

created() {
    this.settings = settings
}