国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue與vue-i18n結合實現后臺數據的多語言切換方法

2019-11-19 14:12:55
字體:
來源:轉載
供稿:網友

在XXX.js文件中定義函數:

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;  //獲取后臺返回的數據    this.users = dataObj.items.map(function (e,i) {  //遍歷獲取的數據,用this.$t()將每項數據與翻譯資源對應     e.gender=context.$t(e.gender);            //context 是this, gender 與 diabetes_type 為每個items里的key;gender里的value有三種:'GDRNF'、‘GDRF'、‘GDRM'     e.diabetes_type = context.$t(e.diabetes_type);     return e;    });    this.listLoading = false;    // console.log(dataObj);   }  }) },

然后可以在vue 組件中調用函數 :XXX.getUser(this,info); 將后臺獲取的數據做相應操作后放入users數組;

以上方法是通過map函數遍歷獲取到的數據,用this.$t()將items的value與翻譯資源中的value對應,從而實現后臺數據的多語言切換;

en.json翻譯資源中的部分數據:

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

以上這篇vue與vue-i18n結合實現后臺數據的多語言切換方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 北辰区| 贡嘎县| 吴忠市| 准格尔旗| 南宫市| 麻江县| 和龙市| 静安区| 清丰县| 金堂县| 云南省| 饶平县| 海晏县| 新津县| 墨江| 马公市| 米易县| 綦江县| 澎湖县| 开鲁县| 怀安县| 乌拉特中旗| 应城市| 广元市| 昌都县| 黑河市| 丹江口市| 阳春市| 黔南| 正蓝旗| 新乡市| 孝感市| 杨浦区| 新平| 清新县| 乌拉特前旗| 曲沃县| 宁蒗| 华安县| 海安县| 临沧市|