vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue同时使用element ui和ant design vue

vue同时使用element ui和ant design vue实现方式

作者:隔壁王先生丶

文章总结:作者在 Vue 项目中同时使用了 Element UI 和 Ant Design Vue,遇到了全局引入 Ant Design Vue 时的问题,解决方案是根据项目是 Vue2 和 Ant Design Vue 版本1.7.2,按照官方文档正确引入,这样可以正常启动项目并使用组件

vue同时使用element ui和ant design vue

最近维护一个项目,项目中使用了两种ui框架,而且内网开发,有一处分系统中已经有了element ui,但是还需要用ant desing vue,使用ant中发现无法全局引入,现在记录一下。

按照官网引入后,能正常启动项目,但是在使用组件时报错。

解决方法

全局引入有问题,没仔细看

// main.js
import DatePicker from 'ant-design-vue'; // 这里DatePicker加了{}没出来,我去掉了

// 这里你需要看一下你的ant-design-vue 下面的dist 里的css或者less的名字是什么,有的版本名字不一样
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
 
Vue.use(DatePicker);



我项目是vue2,ant的版本是1.7.2,加上后项目正常启动,正常使用了。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文