antdvue 日期组件出现了中英文混合如何修改

最新推荐文章于 2025-08-12 13:51:59 发布

lbchenxy

最新推荐文章于 2025-08-12 13:51:59 发布

阅读量134

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/lbchenxy/article/details/148630240

根据官网的写法,在app.vue文件引入国际化设置组件还是不生效，修改moment可以生效代码如下

//package.json
"dependencies": {
    "ant-design-vue": "^2.2.2",
    "moment": "^2.30.1",
  },

<template>
  <a-config-provider :locale="locale" >
    <router-view />
  </a-config-provider>
</template>

<script lang="jsx">
import locale from 'ant-design-vue/es/locale/zh_CN';
//主要看这里，没有引入moment得install一下
import moment from 'moment';
import 'moment/dist/locale/zh-cn';
moment.locale('zh-cn');
export default {
  name: 'App',
  data() {
    return {
      locale
    };
  }
};
</script>