vue中ant-design-vue的安装和使用(vue2安装不了的原因)
Ant Design Vue的安装和使用
·
使用Ant Design Vue UI组件库的链接:
问题描述
在做vue的项目时想全局导入,但是安装失败(使用的是官网的安装命令)
npm install ant-design-vue --save
原因分析:
后来当创建vue3项目时才能使用官网的命令安装,发现是版本不兼容的问题,官网的安装指令只适用于vue3,而在创建选择vue的时候选择的是vue2.x,并不兼容最新版本的ant-desing-vue
解决方案:
1、安装必须要有环境
npm install -g @vue/cli
2、安装指定版本的ant-design-vue UI框架(当项目为vue2项目时)
npm i --save ant-design-vue@1.7.2
Vue2的引入
import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
Vue.use(DatePicker);
Vue3引入
import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
app.use(DatePicker);
更多推荐
已为社区贡献1条内容
所有评论(0)