2020-10-20 Ant Design Vue 关闭国际化设置默认语言为中文的
作为一个小白,一开始做中后台项目用的就是Antdv 百度找不到什么资料的情况下还是蛮绝望的,慢慢的搞懂一些框架用法之后写一下自己的踩坑日志,希望能帮助到别人。如有不正确的地方,敬请提出指正。谢谢各位。
以下正文:
在百度上搜索了一下,Antd关闭国际化最多的答案是找到“src\config\defaultSettings.js”文件,修改menu的locale选项设置为false。
/*** 项目默认配置项* primaryColor - 默认主题色, 如果修改颜色不生效,请清理 localStorage* navTheme - sidebar theme ['dark', 'light'] 两种主题* colorWeak - 色盲模式* layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局* fixedHeader - 固定 Header : boolean* fixSiderbar - 固定左侧菜单栏 : boolean* contentWidth - 内容区布局: 流式 | 固定** storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)**/export default {navTheme: 'dark', // theme for nav menuprimaryColor: '#52C41A', // primary color of ant designlayout: 'sidemenu', // nav menu position: `sidemenu` or `topmenu`contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenufixedHeader: false, // sticky headerfixSiderbar: false, // sticky siderbarcolorWeak: false,menu: {// 实验证明,并没有什么用locale: false},title: 'Ant Design Pro',pwa: false,iconfontUrl: '',production: process.env.NODE_ENV === 'production' && process.env.VUE_APP_PREVIEW !== 'true'
}
试了一下,发现好像不太行,自己研究了一下它的介绍文档发现还需要修改“src\locales\index”把默认的语言改成中文,才能生效。
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import storage from 'store'
import moment from 'moment'// default lang 默认语言改为中文
import zhCN from './lang/zh-CN'Vue.use(VueI18n)// defaultLang 改为中文
export const defaultLang = 'zh-CN'// 消息也改为中文
const messages = {'zh-CN': {...zhCN}
}const i18n = new VueI18n({silentTranslationWarn: true,locale: defaultLang,fallbackLocale: defaultLang,messages
})const loadedLanguages = [defaultLang]function setI18nLanguage(lang) {i18n.locale = lang// request.headers['Accept-Language'] = langdocument.querySelector('html').setAttribute('lang', lang)return lang
}export function loadLanguageAsync(lang = defaultLang) {return new Promise(resolve => {// 缓存语言设置storage.set('lang', lang)if (i18n.locale !== lang) {if (!loadedLanguages.includes(lang)) {return import(/* webpackChunkName: "lang-[request]" */ `./lang/${lang}`).then(msg => {const locale = msg.defaulti18n.setLocaleMessage(lang, locale)loadedLanguages.push(lang)moment.updateLocale(locale.momentName, locale.momentLocale)return setI18nLanguage(lang)})}return resolve(setI18nLanguage(lang))}return resolve(lang)})
}export function i18nRender(key) {return i18n.t(`${key}`)
}export default i18n
2020-10-20 Ant Design Vue 关闭国际化设置默认语言为中文的相关推荐
- Ant Design Vue select下拉列表设置默认值
在项目中需要为Ant Design Vue 的 select 组件设置一个默认值,如下图所示的状态下拉选择框,默认选择全部 代码如下: 1 <a-select v-model="que ...
- ant design 动态给a-input设置默认值
ant design 动态给a-input设置默认值 描述一下我遇到的问题 在病种名称中输入内容,点击查询会打开一个新的form,需要把病种名称框中内容传到后面的text中 在弹窗中的a-input ...
- Ant Design Vue LocaleProvider国际化组件zh_CN中文配置
举个栗子,我在项目中遇到了一个问题,table组件的分页器页数默认显示为英文, 查了一下,可以用<a-locale-provide>标签去实现,使用过程中发现这个标签已经废弃,于是总结出以 ...
- ant design vue给table设置斑马条纹样式
效果图 <a-table :columns="columns" :data-source="data"></a-table> css设置 ...
- Ant Design Vue Input 输入框设置只读
<a-input v-model="A" placeholder="请输入"/> 只读 readonly 需要写成 readOnly <a-i ...
- ant design vue table分页
ant design vue table分页设置 1.设置pagination <a-table :columns="columns" :dataSource="d ...
- vue3 antd table表格样式修改——ant design vue table表格的行高调整
vue3 antd项目实战--修改ant design vue table组件的默认样式(调整每行行高) 知识调用 场景复现 实际操作 解决a-table表格padding过宽 知识调用 文章中可能会 ...
- 【Ant Design Vue】之Grid栅格和Space间距
文章目录 Grid 栅格 Space 间距 Grid 栅格 Ant Design Vue 将整个设计建议区域按照 24 等分的原则进行划分,划分之后的信息区块我们称之为『盒子』.建议横向排列的盒子数量 ...
- ant design Vue 纯前端实现分页
ant design Vue 纯前端实现分页功能 (有选择的话最好让后端分页,前端分页可能会有问题,为了性能,尽量不要前端分页) 自己想的一个简单方法: 通过页码改变事件,每页数据个数改变事件,获取改 ...
最新文章
- 自编码的matlab代码,深度学习自动编码机MATLAB实现
- iOS混淆 -- 生成define 替换名
- 架构师讲解Java中websocket的应用
- php+换行+php+eol,PHP PHP_EOL 换行符
- Hello JavaFX 2.0:命令行介绍
- Oracle修改字段的顺序
- Thymeleaf模板引擎处理日期输入框回显问题type=“date“类型的坑 和 单选按钮、复选框的回显
- 使用Spring Boot Actuator、Jolokia和Grafana实现准实时监控
- Java的重载与覆盖,傻傻分不清!
- web字体设置成平方字体_探索免费和开放的Web字体
- 【论文】Awesome Relation Classification Paper(关系分类)(PART I)
- CNN卷积神经网络(二)
- 硬件基础知识笔记(二极管、三极管、MOS管、运放、滤波器、跟随器、整流)
- oracle在运行存储的时候出现:同义词转换不再有效
- 被svn版本控制的文件上显示红色叉号
- Go语言核心:Go的基本结构
- GD32450i-EVAL学习笔记 1 - 准备工作
- 基于php_thinkphp_vue养生馆保健品购物商城网站(源码+系统+mysql数据库+Lw文档)
- jQuery 学习-样式篇(五):jQuery 设置元素的 html 结构或 text 内容
- Scratch官方教程中文版(3)——让英文字母动起来
热门文章
- U盘 如何自定义U盘图标并彻底隐藏配置文件
- Hololens2仿真器 模拟手势输入
- 19南大软院上岸学姐考研经验分享
- 硕士论文要不要附matlab程序,论文必须要有附录吗_毕业论文附录一定要写吗_毕业论文中附录是不是必须要写的...
- 区块链与ICO,了解一下
- Python 多变量赋值实现“交换”
- MediaPlayer实现音乐文件的边下边播
- 第十一届蓝桥杯省赛:纪念日
- 制作在线单词测试的软件,推荐几个在线测试英语单词量的网站
- caffe make runtest 错误