ant-design-vue中文化

声明：作者声明此文章为原创，未经作者同意，请勿转载，若转载，务必注明本站出处，本平台保留追究侵权法律责任的权利。

全栈老韩

全栈工程师，擅长iOS App开发、前端（vue、react、nuxt、小程序&Taro）开发、Flutter、React Native、后端（midwayjs、golang、express、koa）开发、docker容器、seo优化等。

自定义的ant-design-vue-import.js中:

ant-design-vue-import.js 复制代码

import Vue from 'vue';
import {
    ConfigProvider,
} from 'ant-design-vue';

Vue.use(ConfigProvider);

App.vue中:

App.vue 复制代码

<template>
    <a-config-provider :locale="zhCN">
        <div id="app">
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive" />
            </keep-alive>
            <router-view v-if="!$route.meta.keepAlive" />
        </div>
    </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
export default {
    name: "App",
    data() {
        return {
          zhCN,
        };
    },
    created() {},
    mounted() {},
    methods: {},
};
</script>

<style lang="less">
html,
body,
#app {
    margin: 0;
    height: 100%;
}
</style>

发布于2024-01-29 14:38:19

浏览量66·

暂无评论，快来发表第一条评论吧