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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Vim简明教程【CoolShell】

    Vim简明教程【CoolShell】

    2021年12月8日
    50
  • Idea激活码最新教程2023.2.1版本,永久有效激活码,亲测可用,记得收藏

    Idea激活码最新教程2023.2.1版本,永久有效激活码,亲测可用,记得收藏Idea 激活码教程永久有效 2023 2 1 激活码教程 Windows 版永久激活 持续更新 Idea 激活码 2023 2 1 成功激活

    2025年5月26日
    5
  • 电子签名的制作和使用方法_如何使用电子签名

    电子签名的制作和使用方法_如何使用电子签名电子签名的制作和使用一、在Word文档中插入手写签名生成电子签名1、准备好签名图片。2、用Word打开需要签名的文件,点菜单中的“插入>插图>图片”来选择已经写好的签名图片,插入后可以调整图片大小。3、点击菜单“格式>颜色>黑白”。4、点击菜单“格式>颜色>重新着色>设置透明色”,鼠标变成一支笔后,点图片中白色部分,这样就自动把白底抠除了,设置图片格式为“浮于文字上方”,最后拖动图片到签字处,调整大小即可。相关链接一、在Word文档中插入手写签名生成电子签名1、

    2022年10月16日
    3
  • 代码主题darcula_仿IntelliJ Darcula的Swing主题FlatLaf使用方法

    代码主题darcula_仿IntelliJ Darcula的Swing主题FlatLaf使用方法最近Sandeepin想写个基于JavaSwing的RSS阅读器练练手,不过Swing默认主题太丑了,切成系统原生的主题也不是非常好看,正好感觉开发时用的IDEA主题很不错,不管是Light还是Darcula,都符合现代UI的设计风格。自己仿界面肯定很难仿出来,于是网上找找有没有类似风格的SwingUI库。首先找到的是Mouse0w0开源的JavaFXDarculaTheme,不过这是Java…

    2022年6月27日
    102
  • Mysql Workbench使用教程

    Mysql Workbench使用教程<1>MySQLWorkbenchMySQLWorkbench为数据库管理员、程序开发者和系统规划师提供可视化的Sql开发、数据库建模、以及数据库管理功能。<2>.MySQLWorkbench的下载和安装(1)安装最新MySql时,有是否安装MySqlWorkbench的选项,可选择安装。(2)可以独立安装MySqlWorkbench…

    2022年6月4日
    44
  • Tomcat调优总结

    Tomcat调优总结Tomcat优化分为系统优化,Java虚拟机调优,Tomcat本身的优化。

    2022年7月18日
    27

发表回复

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

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