使用antd-design-vue配合vue框架搭建项目使用组件显示英文的解决办法
前言:公司项目使用vue框架搭建,但客户方需要使用antd-design-vue这个ui框架进行ui视图,所以我们在搭建的时候碰到了这样一件事情,使用的组件都是英文状态,比如我们想要这里变成中文的 页 怎么办呢1.找到官网https://www.antdv.com/components/locale-provider-cn/备注:官网显示的是有这两段代码,但是我们并没有下载,所以会报错,删除即可i
·
前言:公司项目使用vue框架搭建,但客户方需要使用antd-design-vue这个ui框架进行ui视图,所以我们在搭建的时候碰到了这样一件事情,使用的组件都是英文状态,比如
我们想要这里变成中文的 页 怎么办呢
1.找到官网
https://www.antdv.com/components/locale-provider-cn/
备注:官网显示的是有这两段代码,但是我们并没有下载,所以会报错,删除即可
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
2.翻到底部,找到LocaleProvider 国际化设置
<template>
<a-locale-provider :locale="zh_CN">
<App />
</a-locale-provider>
</template>
<script>
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
export default {
data() {
return {
zh_CN,
};
},
};
</script>
更多推荐
已为社区贡献9条内容
所有评论(0)