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 

posted @ 2020-10-03 23:06  Kobe_bk  阅读(536)  评论(0编辑  收藏  举报