1.引入vue-i18n

Vue的国际化配置

2. 在main.js配置

Vue的国际化配置

3.创建不同语言的json文件

Vue的国际化配置

en.js

Vue的国际化配置

zh.js

Vue的国际化配置

4.vue文件中使用

直接使用: {{$t('msg.mainTitle')}}

属性中使用: :placeholder="$t('msg.phoneTip')"  

注意: 属性前加:(动态属性)

Vue的国际化配置

js中引用 【注意:在请求的处理函数中记得将this先赋值给变量,之后用新的变量进行调用】Vue的国际化配置

 

相关文章:

  • 2021-10-23
  • 2021-06-19
  • 2022-12-23
  • 2022-02-05
  • 2022-12-23
  • 2021-06-11
  • 2021-08-11
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-02-21
  • 2021-11-06
  • 2021-12-26
  • 2021-04-03
  • 2021-08-12
  • 2021-10-16
相关资源
相似解决方案