Ant Design of Vue 组件库的使用

文档里面很清楚 安装步骤 这是全部引入的

npm add ant-design-vue

1.在main.js中引用

// 引入Ant Design Vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false
Vue.use(Antd);

2.汉化处理

 // 国际化
    import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
    import moment from 'moment';
    import 'moment/locale/zh-cn';
    moment.locale('zh-cn');


在data中声明使用:
zh_CN,

在上边包裹显示

 <a-config-provider :locale="zh_CN">
            <router-view v-if="$route.meta.keepAlive == undefined"></router-view>
 </a-config-provider>
posted @ 2020-05-14 14:21  无梦南柯  阅读(2947)  评论(0编辑  收藏  举报