群里有位仁兄项目需要antdv的默认英文的内置组件内容变成中文,开车回来后我研究了几个小时。
1、整理下流程,得先导入cdn链接在 index blade模版
2、用a-config-provider
组件包裹下
3、设置常量
4、locale属性放入常量指定语种
<script src="https://cdn.jsdelivr.net/npm/ant-design-vue@1.7.3/dist/antd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ant-design-vue@1.7.3/dist/antd-with-locales.min.js"></script>
<template>
<a-config-provider :locale="locale"> <!-- 1 -->
<router-view></router-view>
</a-config-provider>
</template>
<script>
const { locales } = window.antd; // <!-- 2 --> 这里最重要
export default {
components: {},
props: {},
data() {
return {
locale: locales.zh_CN, // <!-- 3 -->
};
},
};
</script>