Vue3解決ElementPlus自動(dòng)導(dǎo)入時(shí)ElMessage無(wú)法顯示的問題
更新時(shí)間：2024年03月15日 09:22:45 作者：寒風(fēng)_冷月
這篇文章主要介紹了Vue3解決ElementPlus自動(dòng)導(dǎo)入時(shí)ElMessage無(wú)法顯示的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue3 ElementPlus自動(dòng)導(dǎo)入時(shí)ElMessage無(wú)法顯示
問題描述
使用Vue3時(shí)，ElementPlus引入方式為自動(dòng)導(dǎo)入，需要添加ElMessage彈出提示
按照教程進(jìn)行如下：
import {ElMessage} from 'element-plus'
ElMessage.error('需要填完所有項(xiàng)')但瀏覽器不報(bào)錯(cuò)也不顯示，后在網(wǎng)上查看他人相同問題后得知自動(dòng)導(dǎo)入方式不需要import
解決
刪除import行，直接使用ElMessage，成功解決
ElMessage.error('需要填完所有項(xiàng)')
element plus 使用ElMessage不生效或樣式出現(xiàn)問題或出現(xiàn)在最底部
如下效果：
產(chǎn)生的原因是
使用了element plus的按需引入，然后在組件中 又
import { ElMessage } from 'element-plus' 引入了一次，就會(huì)出現(xiàn)這個(gè)問題，
解決的方法
將組件中的引入刪除，直接使用
ElMessage.success('Successfully sent ！') 總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue組件實(shí)現(xiàn)文字居中對(duì)齊的方法
這篇文章主要為大家詳細(xì)介紹了vue組件實(shí)現(xiàn)文字居中對(duì)齊的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
本篇文章主要介紹了淺談vue路徑優(yōu)化之resolve，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
本篇文章主要介紹了開發(fā)Vue樹形組件的示例代碼，它展現(xiàn)了組件的遞歸使用。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了解讀vue頁(yè)面監(jiān)聽store值改變問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-10-10
vue3?process.env.XXX環(huán)境變量不生效的解決方法
這篇文章主要給大家介紹了關(guān)于vue3?process.env.XXX環(huán)境變量不生效的解決方法,通過文中介紹的方法可以很方便的解決遇到的問題,對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue3.0中如何監(jiān)聽props方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
我們?cè)陂_發(fā)過程中經(jīng)常需要監(jiān)聽用戶的輸入,比如用戶的點(diǎn)擊事件、拖拽事件、鍵盤事件等等,這篇文章主要給大家介紹了關(guān)于Vue監(jiān)聽鍵盤事件實(shí)用示例的相關(guān)資料,需要的朋友可以參考下2023-11-11
vue2項(xiàng)目使用element-ui的el-tabs組件導(dǎo)致瀏覽器崩潰卡死問題
這篇文章主要介紹了vue2項(xiàng)目使用element-ui的el-tabs組件導(dǎo)致瀏覽器崩潰卡死問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
聊天工具的項(xiàng)目開發(fā)到了表情功能,由于目前會(huì)話的輸入?yún)^(qū)域使用的是 textarea 而非富文本編輯器,所以表情功能也需要兼顧 textarea 進(jìn)行開發(fā),本文給大家簡(jiǎn)單聊聊幾種表情的實(shí)現(xiàn)方,感興趣的小伙伴一起來看看吧2025-01-01
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)購(gòu)物車案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05