vue中的js文件如何使用i18n 國際化


在js中引入vue-i18n插件,調用插件的實例.t('文言名')方法即可:

//js文件
import VueI18n from 'vue-i18n'

// 注冊i18n實例並引入語言文件,文件格式等下解析
const i18n = new VueI18n({
  locale: 'zh',
  messages: {
    'zh': require('./languages/zh.json'),
    'en': require('./languages/en.json')
  }
})
let error = {
     message: i18n.t('message.timeout')
}
//zh.json文件
{
  "message": {
    "timeout":"測試"
  }
}

//en.json文件
{
  "message": {
    "timeout":"test"
  }
}

 vue單文件組件頁中使用i18n參照:https://www.cnblogs.com/vickylinj/p/9537717.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM