码迷,mamicode.com
首页 > 其他好文 > 详细

ant design vue

时间:2020-11-11 16:15:09      阅读:8      评论:0      收藏:0      [点我收藏+]

标签:ima   nts   官网   design   name   cascade   ati   type   ade   

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

标签:ima   nts   官网   design   name   cascade   ati   type   ade   

原文地址:https://www.cnblogs.com/KoBe-bk/p/13765894.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!