Comment vue et vue-i18n implémentent la commutation multilingue des données d'arrière-plan

Cette fois, je vais vous montrer comment vue et vue-i18n peuvent réaliser une commutation multilingue des données d'arrière-plan, et comment vue et vue-i18n peuvent réaliser une commutation multilingue des données d'arrière-plan Notes De quoi s’agit-il ? Voici des cas réels.

Définissez la fonction dans le fichier 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);
   }
  })
 },

Ensuite vous pouvez appeler la fonction dans le composant vue : .$t() fait correspondre la valeur des éléments à la valeur dans la ressource de traduction, réalisant ainsi la commutation multilingue des données d'arrière-plan

Une partie des données dans le Ressource de traduction en.json :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le. php site chinois !

Lecture recommandée :

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

Comment mettre à jour le tableau avec $set dans vue.js

Comment déplacer le tableau dans vue.js Positionner et mettre à jour la vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!