楠啊# 2023-04-19 17:16 采纳率: 50%
浏览 47
已结题

vue实现中英文切换

1.用vue实现中英文 切换功能
问题：普通的vue插件vue-i18n 只能达到固定的文字中英文翻译
想要的效果：全页面英文化，后端返回的数据是中文，也翻译成英文

img

例子:腾讯官网

  • 写回答

2条回答 默认 最新

  • 乘风xs 2023-04-19 17:19
    关注

    腾讯官网也是通过配置实现的，只不过配置的更详细一些。想要全屏实时翻译成英文，更好的方案是分别做两个项目

    评论

报告相同问题？

  • Vue实现多语言切换编程
    2023-09-24 08:57
    数据科学引擎的博客 在src/components文件夹中创建一个名为LanguageSwitcher.vue的文件，用于显示语言切换按钮和处理语言切换的逻辑。同样地，我们可以创建一个名为zh.json的文件，用于存储中文语言的翻译。在src文件夹中创建一个名为...
  • html5 中英文语言切换,使用 vue-i18n 切换中英文效果
    2021-06-10 04:04
    谢漠烟的博客 使用 vue-i18n 切换中英文效果2018-12-30编程之家https://www.jb51.cc编程之家收集整理的这篇文章主要介绍了使用 vue-i18n 切换中英文效果，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。vue-i18n ...
  • Ant Design Vue 添加区分中英文的长度校验功能
    2020-10-15 18:03
    在Ant Design Vue中实现区分中英文的长度校验功能是一项针对混合文本输入场景的改进，它解决了一个常见的需求，即需要对用户输入的字符数量进行校验，同时能够识别和区分全角字符和半角字符。全角字符和半角字符在...
  • 前端代码编写规范-编程规约和Vue项目规范
    2023-10-08 14:32
    1.5.9 this转换命名，避免在非构造函数中使用`new`。 1.5.10 慎用console.log，使用合适的调试工具。 六、Vue项目规范 2.1.1. 组件规范强调组件名、文件名、数据、Prop、样式作用域等的标准化。 2.1.2. 模板中使用...
  • VirtualKeyBoard,js虚拟键盘，中英文切换，数字输入
    2018-09-25 16:52
    通过这个组件，用户可以在触摸屏设备上方便地进行中英文切换以及数字输入，无需依赖系统内置的物理键盘或软键盘。 该虚拟键盘的设计通常包括以下几个核心知识点： 1. **JavaScript基础**：VirtualKeyBoard的实现离...
  • vue项目中实现多语言（i18n）
    2018-10-18 10:03
    name_zx的博客 1、安装 ...2、在main.js中引入 import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 多语言实例 const i18n = new VueI18n({ locale: (function () { if (localStorage.getItem('lang')) { ret...
  • Vue脚手架中使用多种语言
    2021-05-09 18:46
    张海智_的博客 自定义内容多语言配置2.1 背景2.2 目标2.3 步骤2.4 配置2.5 实现title中英文切换2.6 理解中英文切换原理3. 实现动态切换中英文3.1 目标3.2 思路3.3 **封装多语言组件**3.4 全局注册3.5 **在Navbar组件中引入使用...
  • 在 Vue 中如何实现国际化（i18n）？
    2025-03-04 16:56
    编程微刊(祈澈菇凉)的博客 国际化指的是将应用程序设计为支持多种语言和地区的功能。这包括文本翻译、日期格式、货币格式等。通过国际化，开发者可以为不同语言的用户提供本地化的内容，提升用户体验。",
  • 046中英文企业网站系统源代码
    2022-05-09 23:08
    如HTML、CSS、JavaScript（可能包括React、Vue等前端框架）进行前端页面构建，PHP、Java或.NET等后端语言处理业务逻辑，同时可能采用了MySQL、SQL Server等关系型数据库存储数据，并利用i18n（国际化）技术实现语言...
  • Spring Boot的国际化与多语言支持：实现多语言切换功能！
    2025-06-15 22:20
    bug菌¹的博客 本文收录于《滚雪球学Spring Boot》，专门攻坚指数提升，2025 年国内最系统+最强（更新中）。    本专栏致力打造最硬核 Spring Boot 从零基础到进阶系列学习内容，均为全网独家首发，打造精品专栏，专栏持续更新中...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 4月19日
  • 创建了问题 4月19日