Vue3 vant4 解决引入的Toast和dialog样式丢失的bug

情景再现:
正确做法:

在main.ts中单独引入

js 复制代码
import 'vant/es/toast/style'
import 'vant/es/dialog/style'
import { Toast, Dialog } from 'vant'

app.use(Toast)
app.use(Dialog)
效果如下

轻松拿下。

相关推荐
竹林81811 小时前
用ethers.js连接MetaMask实现Web3钱包登录:从踩坑到稳定运行的完整记录
前端·javascript
heyCHEEMS11 小时前
如何用 Recast 实现静态配置文件源码级读写
前端·node.js
心连欣11 小时前
从零开始,学习所有指令!
前端·javascript·vue.js
review4454311 小时前
大模型和function calling分别是如何工作的
前端
东东同学11 小时前
耗时一个月,我把 Nuxt 首屏性能排障经验做成了一个 AI Skill
前端·agent
冴羽12 小时前
超越 Vibe Coding —— AI 辅助编程指南
前端·ai编程·vibecoding
梦想的颜色13 小时前
一天一个SKILL——前端最佳自动化测试 webapp-testing
前端·web app
SoaringHeart13 小时前
Flutter进阶:放弃 MediaQuery.of(context) 使用 NScreenManager
前端·flutter
openKaka_13 小时前
从 scheduleUpdateOnFiber 到 Root 微任务调度:React 如何把更新交给调度系统
开发语言·前端·javascript
CoovallyAIHub14 小时前
铁路环境障碍物检测新框架:YOLOv11+MiDaS+LiDAR 深度融合,距离估计MAE低至0.63米
前端