国产探花免费观看_亚洲丰满少妇自慰呻吟_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結合實現后臺數據的多語言切換方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漳州市| 汝城县| 镇沅| 深圳市| 闵行区| 麻栗坡县| 晋宁县| 南漳县| 临沧市| 乌拉特前旗| 池州市| 丘北县| 郓城县| 越西县| 遂川县| 忻州市| 长顺县| 巢湖市| 肃宁县| 龙山县| 饶阳县| 宝清县| 宜州市| 曲麻莱县| 盱眙县| 祁连县| 曲沃县| 玉环县| 台前县| 资源县| 黎川县| 大兴区| 阿瓦提县| 合作市| 吴忠市| 沛县| 东兴市| 靖西县| 东兴市| 永春县| 顺昌县|