在XXX.js文件中定義函數(shù)：

getUser(context,info){  context.$http.get(SERVER_URL+'/users',info).then(function(data){   let err =data.body.error;   if(err===0){    let dataObj = data.body.userLists;  //獲取后臺(tái)返回的數(shù)據(jù)    this.users = dataObj.items.map(function (e,i) {  //遍歷獲取的數(shù)據(jù)，用this.$t()將每項(xiàng)數(shù)據(jù)與翻譯資源對(duì)應(yīng)     e.gender=context.$t(e.gender);            //context 是this, gender 與 diabetes_type 為每個(gè)items里的key；gender里的value有三種：'GDRNF'、‘GDRF'、‘GDRM'     e.diabetes_type = context.$t(e.diabetes_type);     return e;    });    this.listLoading = false;    // console.log(dataObj);   }  }) },

然后可以在vue 組件中調(diào)用函數(shù) ：XXX.getUser(this,info); 將后臺(tái)獲取的數(shù)據(jù)做相應(yīng)操作后放入users數(shù)組；

以上方法是通過(guò)map函數(shù)遍歷獲取到的數(shù)據(jù)，用this.$t()將items的value與翻譯資源中的value對(duì)應(yīng)，從而實(shí)現(xiàn)后臺(tái)數(shù)據(jù)的多語(yǔ)言切換；

en.json翻譯資源中的部分?jǐn)?shù)據(jù)：

{   "GDRNF":"Not Fill",   "GDRF":"Female",   "GDRM":"Male",  } 

以上這篇vue與vue-i18n結(jié)合實(shí)現(xiàn)后臺(tái)數(shù)據(jù)的多語(yǔ)言切換方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長(zhǎng)站。