vue 国际化双语引用时的写法

最新推荐文章于 2024-05-08 11:37:40 发布
最新推荐文章于 2024-05-08 11:37:40 发布
阅读量202 收藏
点赞数
分类专栏： SJF-Vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59324006/article/details/120900657
版权

1. 常规:

{{ $t('btn.query') }}

2. 为了实现标题参数不刷新实时切换切换语言:

{{ $t(topTitle) }}   js里面:  topTitle: 'car.carPosiiton',

3. 其他

 :placeholder="$t('placeholder.fillCarNumber')"

title: this.$t('base.tel'),

jeecg 看云文档: 国际化改造方案 · JeecgBoot 开发文档 · 看云

m0_59324006
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【vue】双语/多语网页切换
逆风飞翔的代码狗
09-08 917
多语网页切换 看到有些网页支持多种语言之间的切换是不是很牛逼？其实不然，你也可以的，它只是在你事先准备好的几个翻译的版本之间切换，在你想要翻译的地方把翻译放进去就可以了 1.安装vue-i18n插件 npm install vue-i18n 2.在这里把你引进的vue-i18n作为中间件处理 我们接触过的中间件有bodyParser/queryString等等 vue-i18n.js // 国际化设置 import Vue from 'vue' import VueI18n from 'vue-i18n
vue + vue-i18n 实现双语切换（中/英）
妖尾攻城狮的博客
05-28 742
在src下建一个lang目录，分别存放 中英文文件 按不同模块存放在module下
vue项目双语国际化——使用vue-i18n
阿嚏乱码的地方
12-21 1487
前言 最近在维护的项目明年可能需要支持双语国际化，于是便提前找了些资料了解了一番。 i18n是市面上比较成熟的国际化库，因此我决定用vue + vue-i8n 技术栈先做一个demo。 一、下载vue-i8n NPM npm install vue-i18n Yarn yarn add vue-i18n 二、在main.js文件中配置i18n 如果在一个模块系统中...
前端双语实现方案（VUE版）
最新发布
马优晨
05-08 876
结构如下en.jszh-CN.jsindex.js。
vue实现多语言项目（vue-i18n）
lyxyldd的博客
04-27 386
1、先安装依赖 npm install vue vue-i18n --save 2、在vue项目assets文件夹下新建一个 i18n 文件夹存放i18n要用的文件 3、新建lang文件夹存放语言包 /*静态文案中文zh.js*/ module.exports = { /*官网顶部文案*/ header:{ 'out':'退出登录', 'back':'返回首页' }, /*后台登录页文案*/ login:{ 'ti
Vue下的国际化处理方法
08-28
Vue下的国际化处理方法 Vue框架下国际化处理方法是指在Vue项目中实现多语言支持的方法。国际化处理是指根据用户的语言偏好或地域选择合适的语言版本，呈现给用户。下面将对Vue下的国际化处理方法进行详细讲解。 ...
vue-i18n国际化
04-28
vue-i18n国际化
Vue或UniApp 前端语言国际化 i18n lang.js包
06-23
在开发Web应用时，语言国际化（i18n）是一个重要的功能，允许应用程序根据用户的地域设置展示相应的语言内容。Vue.js和UniApp都是常见的前端框架，它们提供了方便的国际化插件来实现这一功能。本篇将详细介绍Vue和...
vue大屏可视化demo
01-25
vue大屏可视化demo 使用方法： # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production ...
vue-multipage vue 模块化开发打包
11-23
在实际使用Vue-multipage 开发时，你需要先安装相关依赖，然后配置Webpack 配置文件（如webpack.config.js），设置多页面入口、输出目录、公共模块等。同时，创建对应的页面组件和路由配置。在完成开发后，运行构建...
国际化中中文乱码解决方案
kunkun39的专栏
12-14 451
1， 在doc界面里输入”native2ascii -encoding gbk d:\a.txt d:\b.txt“ native2ascii：将文字编译成ascii码 gbk：编译的文字类型，gbk为中文 d:\a.txt：要编译的文件的具体路径 d:\b.txt：编译好的文件存储的具体路径...
基于Vue、vue-i18n实现国际化（多语言）
weixin_34001430的博客
01-04 284
vue-i18n官网 https://kazupon.github.io/vue... 项目用vue-cli构建，用到vue全家桶及webpack、iview。 1、在main.js中引入vue-i18n. import VueI18n from 'vue-i18n' vue调用第三方插件 Vue.use(VueI18n) 2、新建一个v...
vue 项目的I18n国际化之路
lixiao1003的专栏
08-01 193
1、引入插件 npm install vue-i18n 2、main.js配置 import VueI18n from 'vue-i18n' //引入国际语言切换 Vue.use(VueI18n) // 通过插件的形式挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.l...
vue2使用i18n实现中英文多语言切换
weixin_46077873的博客
11-09 2058
vue2项目使用i18n实现中英文多语言切换
记录使用vue-i18n实现项目的双语国际化
weixin_45313351的博客
12-15 1434
本文是使用vue2.x + ant-design-vue 搭建的项目，对于框架使用不会做过多的说明以下是需要思考的问题1、如何使用vue-i18n？2、互译的语言数据存放在哪里合适？3、ant-design-vue如何国际化？4、如何全局监听切换了语言？5、语言的不同如何兼容样式？
vue-i18n安装和实现国际化，$t的用法
cxs812760493的博客
07-12 310
1.安装 yarn install vue-i18n 也可以直接引入 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script> 2.使用 在sr...
endnote文献引用（双语）
weixin_43318107的博客
03-25 1795
https://blog.csdn.net/weixin_43318107/article/details/104065535
endnote双语引用
weixin_43318107的博客
01-21 8749
环境和描述 Endnote x9 描述： 写论文时中文参考文献需要有中文和英文翻译。本教程旨在使用endnote解决这个问题。 参考链接： https://jingyan.baidu.com/article/8065f87f804c5c233124989e.html https://jingyan.baidu.com/article/295430f1d4308e0c7e0050e1.html 本教...
vue 国际化
05-26
Vue的国际化可以通过vue-i18n库来实现。下面是一个简单的示例： 1. 安装vue-i18n库 ```javascript npm install vue-i18n --save ``` 2. 创建语言包 在项目中创建一个lang文件夹，并在该文件夹下创建多个json文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值