vue同時使用element ui和ant design vue實現(xiàn)方式
更新時間：2025年12月25日 09:05:23 作者：隔壁王先生丶
文章總結(jié)：作者在 Vue 項目中同時使用了 Element UI 和 Ant Design Vue,遇到了全局引入 Ant Design Vue 時的問題,解決方案是根據(jù)項目是 Vue2 和 Ant Design Vue 版本1.7.2,按照官方文檔正確引入,這樣可以正常啟動項目并使用組件
vue同時使用element ui和ant design vue
最近維護(hù)一個項目，項目中使用了兩種ui框架，而且內(nèi)網(wǎng)開發(fā)，有一處分系統(tǒng)中已經(jīng)有了element ui，但是還需要用ant desing vue，使用ant中發(fā)現(xiàn)無法全局引入，現(xiàn)在記錄一下。
按照官網(wǎng)引入后，能正常啟動項目，但是在使用組件時報錯。
解決方法
全局引入有問題，沒仔細(xì)看
// main.js
import DatePicker from 'ant-design-vue'; // 這里DatePicker加了{(lán)}沒出來，我去掉了
// 這里你需要看一下你的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，加上后項目正常啟動，正常使用了。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了element-ui 中的table的列隱藏問題解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue中created、watch和computed的執(zhí)行順序詳解
由于vue的雙向數(shù)據(jù)綁定,自動更新數(shù)據(jù)的機(jī)制,在數(shù)據(jù)變化后,對此數(shù)據(jù)依賴?的所有數(shù)據(jù),watch事件都會被更新、觸發(fā),下面這篇文章主要給大家介紹了關(guān)于vue中created、watch和computed的執(zhí)行順序,需要的朋友可以參考下2022-11-11
在現(xiàn)代網(wǎng)頁開發(fā)中,常常需要實現(xiàn)高亮顯示關(guān)鍵詞的功能,這篇文章將探討如何通過?Vue.js?中的?highlightText來實現(xiàn)這一功能,感興趣的可以了解下2024-12-12
這篇文章主要介紹了Vue中的計算屬性,模板內(nèi)的表達(dá)式,用于簡單運(yùn)算,但是模板中放入太多的邏輯會讓模板過重且難以維護(hù)，更多具體內(nèi)容一起進(jìn)入下面文章學(xué)習(xí)吧,需要的朋友也可以參考一下2021-12-12
這篇文章主要給大家介紹了關(guān)于vue如何實現(xiàn)pc和移動端布局的相關(guān)資料, Vue響應(yīng)式布局適配是一種根據(jù)設(shè)備特性自動調(diào)整布局的方法,文中通過代碼以及圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
element?ui中的table表格數(shù)據(jù)是動態(tài)生成的,最近遇到個需求,要求我們對單元格進(jìn)行合并,所以下面這篇文章主要給大家介紹了關(guān)于Element?UI中table單元格合并的解決過程,需要的朋友可以參考下2022-08-08
實際項目中偶爾會遇到給項目頁面背景加水印的需求,這篇文章主要為大家介紹了Vue使用canvas實現(xiàn)水印功能的示例代碼，希望對大家有所幫助2023-07-07
這篇文章主要介紹了vue 中slot 的具體用法,包括子組件父組件的代碼介紹，需要的朋友可以參考下2018-04-04
vue2 element 彈出框拖拽會出現(xiàn)一層陰影問題解決方法
這篇文章主要介紹了vue2 element 彈出框拖拽會出現(xiàn)一層陰影問題解決方法,因增加 draggable 屬性導(dǎo)致我彈窗表單清空文本框時,從右向左選中字體會出現(xiàn)拖拽陰影效果,本文給大家介紹vue2 element 彈出框拖拽會出現(xiàn)一層陰影問題解決方法,感興趣的朋友一起看看吧2024-01-01
Vue路由傳遞參數(shù)與重定向的使用方法總結(jié)
路由的本質(zhì)就是一種對應(yīng)關(guān)系,比如說我們在url地址中輸入我們要訪問的url地址之后,瀏覽器要去請求這個url地址對應(yīng)的資源,下面這篇文章主要給大家介紹了關(guān)于Vue路由傳遞參數(shù)與重定向的使用方法,需要的朋友可以參考下2022-10-10