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 问题,错误