javascript - 如何访问vuejs中导出的​​ `this.`

Question

我有一些返回简单数据的文件，例如 vuex 的mutation.js，但通常它们是这样的:

export default {
 ...
 someFunction() {}
 ...
}

现在，我想访问 this.，这样我就可以使用 vue-i18n 翻译，如 this.$t('TRANS_TOKEN') 但出于某种原因我无法使用 this. 我正在考虑将 vue 包含在此文件中，如下所示: import vue from 'vue' 并可能执行 vue.$t( ..) 如果它有效，但我尝试过，但没有

Answer 1

首先问一个问题。为什么要在突变文件中进行翻译？我只会将翻译保留在您的组件中。

但是，通过这样做，您可以实现您想要的目标

// i18n.js
const i18n = new VueI18n();

export default i18n;

// main.js
import VueI18n from 'vue-i18n';
import i18n from './i18n.js';

Vue.use(VueI18n);

new Vue({
    i18n,
    ...
});

// Anywhere else, grab the i18n instance to do translations
import i18n from './i18n.js';

i18n.t('translate this');

Documentation关于 VueI18n 实例上可用的所有方法。