vue同时使用element ui和ant design vue实现方式
更新时间：2025年12月25日 09:05:23 作者：隔壁王先生丶
文章总结：作者在 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，加上后项目正常启动，正常使用了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现移动端拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要给大家介绍了关于vue点击按钮跳转到另一个vue页面的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue3 数组清空与重新赋值的操作代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
本文通过实例代码给大家介绍了vue中的inject学习教程，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-04-04
这篇文章主要为大家详细介绍了vue实现五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要介绍了Vue.js $refs用法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
在前端调用海康威视摄像头的过程中,主要涉及到摄像头的连接、视频流的获取以及前端页面的展示,这篇文章主要介绍了前端接入海康威视摄像头的3种方案,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-09-09
本文主要介绍了Vue3中key的作用和工作原理，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
在路由时传递参数，一般有两种形式，一种是拼接在url地址中，另一种是查询参数。这篇文章主要介绍了Spring Boot/VUE中路由传递参数,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了vue 导出文件,携带请求头token操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论