关于Vue使用 i18n插件导致Date Picker日期控件出现英文错乱

最新推荐文章于 2024-01-04 09:49:26 发布
最新推荐文章于 2024-01-04 09:49:26 发布
阅读量556 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js javascript i18n
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36256590/article/details/130323321
版权

如题

我在vue项目使用了i198n国家化插件，结果导致日期控件出现乱码：

在这里插入图片描述

原因

在配置Element-UI语言转换关系时用的是下面这种写法：

// 配置elementUI 语言转换关系
locale.i18n((key, value) => i18n.t(key, value))

解决

换成另一种方式：

i18n: (key, value) => i18n.t(key, value)
Pisces_224
关注
专栏目录
使用 vue-i18n 切换中英文
weixin_34380948的博客
10-27 395
vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n 兼容性： 支持 Vue.js 2.x 以上版本 安装方法：（此处只演示 npm） npm install vue-i18n 使用方法： 1、在 main.js 中引入 vue-i18n （前提是要先引入 vue） import VueI18n from 'vue...
解决My97DatePicker(日历控件)乱码问题
03-18
NULL 博文链接：https://mengqingyu.iteye.com/blog/638702
Vue+Element UI的国际语言插件i18n导致DatePicker日期控件英文错乱
weixin_45435545的博客
08-11 1402
Vue+Element UI的国际语言插件i18n导致DatePicker日期控件英文错乱。
antd vue a-date-picker 为什么页面刷新后， 月份变成英文了
weixin_45346457的博客
01-06 1042
element-ui 日期选择器显示乱码,实际是多语言问题
最新发布
bs521521的博客
01-04 604
解决这个问题就是在main.js文件夹下,找到注册组件的地方vue.use(elementui)一般出现在别人给的模版不是自己写的。
js 日历控件乱码问题
wo13145219的专栏
05-25 1399
[code="html"]1：在页面上加charset=UTF-8 2： 在引用js文件处加入 charset="GBK"进行编码处理 [/code]
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新...安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
vue-i18n提取-使用静态分析管理vue-i18n本地化。 报告丢失和未使用的i18n条目。-Vue.js开发
05-27
vue-i18n-extract vue-i18n-extract用于与使用vue-i18n的Vue.js项目一起使用。 运行vue-18n-extract时，将分析您的Vue.js源代码。vue-i18n-extract vue-i18n-extract是为与使用vue-i18n的Vue.js项目一起使用而构建的...
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： ...
使用 vue-i18n 切换中英文效果
08-27
以下将详细介绍如何使用 Vue-i18n 实现中英文切换。 首先，确保你的项目已经升级到 Vue.js 2.x 或以上版本，因为 Vue-i18n 不支持早期版本。接下来，通过 npm 安装 vue-i18n： ```bash npm install vue-i18n ``` ...
bootstrap中日期控件的使用以及乱码的解决方案
weixin_38996229的博客
06-14 5005
整个页面代码如下：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&q
Element-ui 组件出现字符乱码的问题
weixin_51028758的博客
12-13 1470
Element-ui 组件出现字符乱码的问题
17. Vue 使用Element-ui的国际语言插件i18n导致DatePicker日期控件英文错乱
weixin_34375251的博客
07-01 2338
先附上链接，详细请参考：https://blog.csdn.net/github_39532240/article/details/79192780 再来说说我的情况吧，因为项目需要语言的国际化所以就采用了Vue支持的i18n语言国际化，但是当使用了之后发现Element-ui组件的DatePicker日期控件发生英文错乱，如下图所示： 具体原因呢，是出在实现element插件的多语言切换...
vue elementui使用datepicker组件，下拉样式错乱，请问如何解决
weixin_49253677的博客
02-02 1239
我照着elementui官方文档写的： <el-date-picker v-model='value1' type="date" placeholder='请选择日期' :editable='false' :clearable='false' popper-class='set-date'></el-date-picker> 出来后下拉框是这样的： 而查到其他人使用都是正常的，就像ele文档中的框 ↓ 所以这个问题该怎么解决？求问大神们
vue3 antd 全局引入中文包 日历插件中英文混杂问题
weixin_42413932的博客
11-01 505
vue3 antd 全局引入中文包 日历插件中英文混杂问题
vue 文件名乱码_如何解决vue.js中文乱码问题
weixin_33162568的博客
01-30 3850
回调函数是每个前端程序员都应该知道的概念之一。回调可用于数组、计时器函数、promise、事件处理中。本文将会解释回调函数的概念，同时帮你区分两种回调：同步和异步。回调函2021-01-15 20:38:08Javascript 实现复制(Copy)动作大全一、实现点击按钮，复制文本框中的的内容function copyUrl2(){ var Url2=document.getElement...
vue前端国际化方案之vue-i18n
没睡醒的蛐蛐的博客
11-08 2688
Vue是现如今比较流行的前端开发框架，本文主要分享下自己在开发中所用到的国际化多语言开发解决方案
解决同时使用vue-i18n和ElementUI国际化时出现的冲突
yzkdcsdn的博客
08-10 1131
解决vue-i18n和ElementUI国际化的同时使用引发的冲突
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值