ant design vue

Posted kobe-bk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant design vue相关的知识,希望对你有一定的参考价值。

ant design vue官网:https://www.antdv.com/components/cascader-cn/

ant design在项目中的使用 分为三步骤:下载/引入/使用 /https://www.antdv.com/docs/vue/introduce-cn/

  我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处

  1.下载:npm install ant-design-vue

  2.1引入

    import Vue from ‘vue‘;

    import { DatePicker,Button } from ‘ant-design-vue‘;//按需引入

    Vue.use(DatePicker);

    Vue.use(Button );

  2.2引入样式文件:在main.js中

    import ‘ant-design-vue/dist/antd.css‘;

  3.在页面中使用:

    <a-button type="primary"> 我是ant的按钮 </a-button>

 

    

  

  

遇到的坑:

  1.select 


以上是关于ant design vue的主要内容,如果未能解决你的问题,请参考以下文章

@ant-design/charts 的 Next.js 问题,错误

Table - Ant Design - 在 Virtual table ant design 中实现过滤器

初识Ant-Design

如何自定义 Ant.design 样式

ant-design-pro 之 Login 组件

ant-design-pro 动态菜单-路由详解