我如何访问在 vuejs 中导出的 `this.`
how do I access `this.` in exported in vuejs
我有一些 return 简单数据的文件,比如 vuex 的 mutation.js 但通常它们是这样的:
export default {
...
someFunction() {}
...
}
现在,我想访问 this.
,这样我就可以像 this.$t('TRANS_TOKEN')
一样使用 vue-i18n 翻译,但由于某些原因我无法使用 this.
我是考虑将 vue 包含在此文件中:import vue from 'vue'
如果可行,可能会 vue.$t(..)
但我试过了,但没有
先问一个问题。为什么要在突变文件中进行翻译?我只会在您的组件中保留翻译。
然而,你可以通过这样做实现你想要的
// 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 实例上可用的所有方法。
我有一些 return 简单数据的文件,比如 vuex 的 mutation.js 但通常它们是这样的:
export default {
...
someFunction() {}
...
}
现在,我想访问 this.
,这样我就可以像 this.$t('TRANS_TOKEN')
一样使用 vue-i18n 翻译,但由于某些原因我无法使用 this.
我是考虑将 vue 包含在此文件中:import vue from 'vue'
如果可行,可能会 vue.$t(..)
但我试过了,但没有
先问一个问题。为什么要在突变文件中进行翻译?我只会在您的组件中保留翻译。
然而,你可以通过这样做实现你想要的
// 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 实例上可用的所有方法。