Vue.js / 使用 const 导入导出 ES6 问题

托本

我有一个具有以下结构的 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Node.js require与ES6导入/导出

使用Node.js require与ES6导入/导出

ES6导入/导出是否需要“ .js”扩展名?

使用Webpack在vue.js项目中使用('@')登录路径进行ES6导入

Javascript ES6导出const vs导出let

Vue.js-将自定义指令导入为ES6模块

es6:导出后如何导入const?

Node.js不支持ES6导入和导出

使用ES6语法在vue中导入多个组件不起作用

使用index.js导出/导入node.js es6

无法导入/导出Vue.js组件

如何使用ES6导入(客户端JS)

JS:在客户端(ES6或使用Babel)上启用导出/导入?

ES6和具有多个导出功能的导入问题

使用ES6和let / const进行导出/导入和Karma / webpack-顶部导出

使用JS(ES6)切换手风琴/标签的问题

如何使用ES6类在Vue.js中实现派生渲染实现

我在使用ES6导入和导出功能时遇到问题

如何使用导入/导出ES6表示法转换导出的require语句?

基于ES6的多个(React)Node.JS模块导入存在问题

Vue.js 2.0:从main.js(Webpack入口点)导出ES6?

在 ES6 模块中使用 Babel 外部助手时遇到问题 - Babel 重新排序导入/导出会破坏执行顺序

使用 express 和 ES6 类在 node js rest api 中查找路由的问题

如何导出/导入 es6 js 库

ES6 使用导出和导入出错

在 React 中使用 JS ES6 承诺的问题 - TypeError:无法读取未定义的属性“then”

在 ES6 模块中导入有问题:未导出属性

twgl.js 使用 es6 模块加载纹理时遇到问题

使用 ES6 导入/导出时 nodejs 中“this”的含义