vue 使用vue-i18n实现中英文语言切换,以及动态添加中英文「建议收藏」
2023-06-13 09:11:25 时间
大家好,又见面了,我是你们的朋友全栈君。
一、安装。
npm install vue-i18n
二、使用。(这里只写了核心代码)
引入:
// 引入插件和语言包
import VueI18n from 'vue-i18n'
import zh from '@/i18n/langs/zh'
import en from '@/i18n/langs/en'
Vue.use(VueI18n);
zh文件:
export default {
placeStopOrder:"下止损单",
}
en文件:
export default {
placeStopOrder:"Place Stop Order",
}
使用:
// 自动设置多语言 默认选择浏览器系统语言
const navLang = navigator.language; //判断当前浏览器使用的语言
const localLang = (navLang === 'zh-CN' || navLang === 'en-US') ? navLang : false;
let lang = localStorage.get
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140586.html原文链接:https://javaforall.cn
相关文章
- vue基础(三)
- Vue里如何实现excel转json的功能「建议收藏」
- vue slot插槽_笔记本内存条插槽显示4个
- Vue笔记(10) vue-router
- Vue 定时器/定时调用
- vue md5.js_VUE.js
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- 你知道import Vue from 'vue' 吗?
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- 引入vuejs文件_引入vue文件
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue调试工具安装(vue devtools)
- springboot和vue交互产生跨域问题的解决办法(后端解决方法)
- 2. 「vue@2.6.11 源码分析」数据驱动视图(响应式)
- 初识vue.js模板语法
- vue.js入门篇之Vue.js 样式绑定
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- Vue极致集成Redis,实现更优秀的性能(vue集成redis)
- Vue技术实现访问远程Redis的精彩之旅(vue访问远端redis)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- Vue抢跑Redis速度感受实时重磅数据(vue获取redis)
- Vue快速连接Redis实现数据存储(vue 直连redis)