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