vue-i18n 通过接口动态修改语言包

1,需求:需要通过后台来接收语言包,并且实时修改掉

2,代码:

直接通过setLocaleMessage的方法来动态修改

//html
 <h1>{{ $t("system.name") }}</h1>
//js
axios.get("/api/getLang").then(res => {
        this.$i18n.setLocaleMessage("zh_cn", res.data.data);
      });

3,如下图

修改前:

修改后: