vue 使用vue-i18n实现中英文语言切换,以及动态添加中英文「建议收藏」

vue 使用vue-i18n实现中英文语言切换,以及动态添加中英文「建议收藏」一、安装。npminstallvue-i18n二、使用。(这里只写了核心代码)引入://引入插件和语言包importVueI18nfrom’vue-i18n’importzhfrom’@/i18n/langs/zh’importenfrom’@/i18n/langs/en’Vue.use(VueI18n);zh文件:exportdefault{placeStopOrder:”下止损单”,}en文件:exportdef

大家好,又见面了,我是你们的朋友全栈君。

一、安装。

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.net/140586.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号