laravel-mix + antdv 国际化处理 cdn引入

群里有位仁兄项目需要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>

上一篇:使用以下用于上传图像的PHP代码上传时缩小图像大小


下一篇:Shell脚本获取本机ip