問題：vue使用vant的 showToast () 方法時，輕提示在您的開發(fā)工具外呈現(xiàn)時只有個空的DOM，通過瀏覽器檢查它的樣式會被 vant-popup 的背景色給覆蓋，從而導致此bug。

---

嘗試：用/ deep / 、

APP.vue中 、

頁面內(nèi)樣式后追！important、

給showToast ({ }) 添加calssName 方法 ，都不行！

😃

---

解決方法：

（僅需兩步）

（愿稱之為全局干擾vant原有樣式覆蓋樣式增加權(quán)重關(guān)系法）

👋

1、在 src/assets/Css/index.less 中 設(shè)置（自己在src目錄內(nèi)所建的文件） .vant-toast{ background:lime ！important } 一定要追加 !impotant 否則切換頁面時還是會被覆蓋。

2、在 main.js 引入即可生效 （放在引入vant后即可） import '@/assets/Css/index.less'。

😃

總結(jié)

以上是生活随笔為你收集整理的vue3使用vant4-showToast背景色被覆盖解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。