如何访问在 vuejs 中导出的“this.”

Question

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

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

现在，我想访问this.，这样我就可以使用像this.$t('TRANS_TOKEN') 这样的vue-i18n 翻译，但由于某种原因我无法使用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 实例上的所有可用方法。