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,如下圖

修改前:

修改後: