vue i18n国际化配置时如何先调用接口再走配置?

xzzz
  • 295
import Vue from 'vue';
import VueI18n from 'vue-i18n';
import store from "@/store";
Vue.use(VueI18n);
let langObj = {
    LangEn: {},
    LangZh: {}
}
if (!JSON.parse(localStorage.getItem("langObj"))) {
    store.dispatch("GetLangList").then(res => {
        langObj = res
    });
} else {
    langObj = JSON.parse(localStorage.getItem("langObj"));
}
const messages = {
    'en-US': {
        ...langObj.LangEn
    },
    'zh-CN': {
        ...langObj.LangZh
    }
}
const i18n = new VueI18n({
    locale: localStorage.getItem("lang") || 'en-US',
    messages,
});

现在总是先执行下面,第二遍刷新才走上面,如何先调用接口?

回复
阅读 839
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏