在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小时内删除。
留言与评论(共有 0 条评论) |