我有一个具有以下结构的 settings.js 文件：
设置.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)
},
我错过了什么？
组件settings在渲染模板期间不会显示您的变量，因为您没有将它安装在组件中（换句话说this.settings === undefined）。您应该在created()组件钩子中编写：
created() {
this.settings = settings
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句