前端多语言开发,如何中英文切换

本文以vue为例:

在vue项目中配置两个js文件,一个中文一个英文

将main.js中引入配置好的文件

添加切换中英文的按钮

在methods中写入点击事件

js文件中,把需要的中英文分别写入

在需要的页面中写入

但需要注意的是,在标签中使用$t是没有问题的,但是在js中需要添加this

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/38919.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【TypeScript入门】了解TypeScript的工作流程

走进“前端的未来”TS——了解TS的工作流程 文章简介主要内容1 TypeScript工作流程1.1 图示简单解释1.2 理顺区分JS与其他语言 2 如何用TypeScript运行web2.1 为项目添加html文件2.2 用npm高效管理前端项目2.3 npm项目依赖 summary下期预告【基础入门】《前端的未来——TypeScr…

vue2实现中英文切换

简单的使用(应用场景:少量几个页面的中英文切换) 1、安装 vue-i18n依赖 yarn add vue-i18n 或者 npm install vue-i18n --save-dev 2、在src/components下新建文件夹language,并在文件夹language下新建zh.js及en.js 【src/compon…

vue实现中英文切换

简单的使用(应用场景:15个以内页面的中英文切换) 1、安装 vue-i18n依赖 yarn add vue-i18n 或者 npm install vue-i18n --save-dev 2、在src/components下新建文件夹language,并在文件夹language下新建zh.js及en.js 【src/co…

vue切换中英语言制作方法(Element+i18n的使用)

介绍: Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 1、安装Element ui npm i element-ui -S2、全局引用Element ui 在 main.js 中写入以下内容: import Vue from vue; import ElementUI from elem…

vue3+antd 实现国际化 切换中英文

首先新建结构文件夹 1.下载i18n插件 npm install vue-i18n --save 2.配置i18n.js文件 import { createI18n} from vue-i18n import message from ./langs const localeData {legacy: true, // composition APIlocale: cn,messages: message, } const i18n createI18n(loca…

Vue项目切换语言,vue项目国际化,使用vue-i18n前端实现中英文切换

在项目需求中,我们会遇到国际化的中英文切换。 使用vue搭建的项目中我们可以使用i18n插件进行项目的中英文切换。 npm引入i18n npm install i18n --save-dev为了数据的使用方便,我们需要在src文件夹下建立一个如下图的文件夹 index.js: im…

【latex】论文或参考文献中出现俄文\西班牙文人名的解决方法

常用的latex的编辑器有:texstudio或者overleaf.值得说的是overleaf真的好用,因为它容错率高,即使你的编码语法有些小错误,它也能成功编译。缺点就是,某些论文投稿网站不支持overleaf.但它还是值得我喜欢,因…

前端多语言的切换

前端开发中多语言的切换,可使用js动态替换内容 1、在用户点击切换语言后,把选择的语言版本保存在cookie中 //写入cookie函数 function setCookie(name,value) {var Days 30;var exp new Date();exp.setTime(exp.getTime() Days*24*60*60*1000);docume…

chatgpt赋能python:Python动画制作指南:从入门到精通

Python动画制作指南:从入门到精通 Python作为一种易学易用的编程语言,在数据分析、机器学习等领域已经得到广泛应用。但是你知道吗?Python还可以用来制作动画!本文将为你介绍如何用Python制作动画,从入门到精通&#…

吴恩达和OpenAI的《面向开发者的ChatGPT提示工程》精华笔记

《ChatGPT Prompt Engineering for Developers》 面向开发者的ChatGPT提示工程 shadow 趁着假期,学习了prompt课程,做了一些精简和关键知识点的梳理,分享给大家。 LLM 可完成的任务 包括: 总结(如总结用户评论) 推断&a…

刚刚,吴恩达 ChatGPT 新课三连发!

你有没有想过,你可以自己构建一个AI系统,或者开发一个使用大语言模型(LLM)的应用,甚至理解并创建扩散模型?我在吴恩达的三门新课程中找到了答案,这些课程让我看到了AI的无限可能性。 好消息&…

AI大神吴恩达与OpenAI官方合作推出的ChatGPT提示工程课,到底在讲什么?

ChatGPT提示工程课程,吴恩达&OpenAI 概述 本课程将着重介绍指令调优LM的开发最佳实践,以帮助开发人员利用LM技术构建聊天机器人等应用程序。 亮点 📚 LM可用于快速构建软件应用程序,API可以使开发人员非常快速地构建。&#x…

吴恩达ChatGPT课程最新中文版,已突破3.2k Star!

Datawhale开源 吴恩达ChatGPT课程系列,中文版 项目背景 一个月前,DeepLearning.ai 创始人吴恩达联合 OpenAI 推出入门大模型学习的经典课程《ChatGPT Prompt Engineering for Developers》,深入浅出地介绍了对于开发者,如何构造 …

【ChatGPT】吴恩达教程笔记(预备篇)

本文概要 众所周知,吴恩达老师与OpenAI联合推出了一门面向开发者的Prompt课程(https://www.deeplearning.ai/short-courses/chatgpt-prompt-engineering-for-developers ),时隔几天,吴恩达老师发推说已经有超过20万人…

100个python算法超详细讲解:双色球

完整版下载超详细Python算法案例讲解100例.zip-Python文档类资源-CSDN下载 1.问题描述 编写程序模拟福利彩票的双色球开奖过程,由程序产生出6个红色 球和1个蓝色球。 要求: 1)每期开出的红色球号码不能重复,但蓝色球可…

软件测试计划包括哪些内容,测试计划如何编写。分享测试计划模板

相信大多数的软件测试工程师都听说过或者简单了解过测试计划,但是你真的知道什么是测试计划么?你真的知道如何编写测试计划么? 大多数人应该是一脸茫然。 百度的结果五花八门,有没有相对规范的标准呢?答案是没有&…

如何编写一份高质量的测试计划

一、为何要编写测试计划? 1.1 编写测试计划的目的 编写测试计划是测试过程中非常有必要的高效手段,测试计划不仅仅能够带来效率的提升,更能从基础上保证测试质量,编写测试计划主要会有以下益处: (1&#xf…

软件测试计划怎么写?模板在这呢

目录 第1章 引言 第2章 项目背景 第3章质量目标 第4章 资源需求 第5章 测试策略 第6章 测试计划 总结感谢每一个认真阅读我文章的人!!! 重点:配套学习资料和视频教学 第1章 引言 1.1目的 简述本计划的目的,旨…

一个程序员的年度计划

1.如何设计2016年的年度计划? 2.SMART原则是什么意思? 3.如何制定学习计划? 这两年,我一直非常感恩,也特别幸运的是2015年我的身体能够好起来,能够有机会回到我最热爱的工作中,所以从年初在医生…

2022卡塔尔世界杯来了,谁是你心中的夺冠热门球队?

2022年卡塔尔世界杯揭幕战将在北京时间11月21日零点上演,卡塔尔世界杯是首次在北半球冬季举行、首次由从未进过世界杯的国家举办的世界杯足球赛。800余名球员正陆续奔赴卡塔尔,在接下来近一个月时间里,他们将为象征足球界最高荣誉的大力神杯展…