vue 后台翻译

阅读: 评论:0

vue 后台翻译

vue 后台翻译

在xxx.js文件中定义函数:

getuser(context,info){

context.$(server_url+'/users',info).then(function(data){

let err =;

if(err===0){

let dataobj = data.body.userlists; //获取后台返回的数据

this.users = dataobj.items.map(function (e,i) { //遍历获取的数据,用this.$t()将每项数据与翻译资源对应

e.diabetes_type = context.$t(e.diabetes_type);

return e;

});

this.listloading = false;

// console.log(dataobj);

}

})

},

然后可以在vue 组件中调用函数 &#user(this,info); 将后台获取的数据做相应操作后放入users数组;

以上方法是通过map函数遍历获取到的数据,用this.$t()将items的value与翻译资源中的value对应,从而实现后台数据的多语言切换;

en.json翻译资源中的部分数据:

{

"gdrnf":"not fill",

"gdrf":"female",

"gdrm":"male",

}

以上这篇vue与vue-i18n结合实现后台数据的多语言切换方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持萬仟网。

希望与广大网友互动??

点此进行留言吧!

本文发布于:2024-01-31 02:27:42,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170663926524677.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:后台   vue
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23