技术栈

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

HaushoLin2024-02-04 20:28
情景再现:
正确做法:

在main.ts中单独引入

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

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

轻松拿下。

上一篇:基于C/C++的 FindOneOf 查找函数的未知bug
下一篇:个人建站前端篇(三)环境变量配置
相关推荐
codeniu
1 天前
@logicflow/vue-node-registry 在 Vite 中无法解析的踩坑记录与解决方案
前端·javascript
孟祥_成都
1 天前
AI 术语满天飞?90% 的人只懂名词,不懂为什么!
前端·人工智能
Lupino
1 天前
被 React “玩弄”的 24 小时:为了修一个不存在的 Bug,我给大模型送了顿火锅钱
前端·react.js
米丘
1 天前
了解 Javascript 模块化,更好地掌握 Vite 、Webpack、Rollup 等打包工具
前端
Heo
1 天前
深入 React19 Diff 算法
前端·javascript·面试
滕青山
1 天前
个人所得税计算器 在线工具核心JS实现
前端·javascript·vue.js
小怪点点
1 天前
手写promise
前端·promise
国思RDIF框架
1 天前
RDIFramework.NET Web 敏捷开发框架 V6.3 发布 (.NET8+、Framework 双引擎)
前端
颜酱
1 天前
从0到1实现LFU缓存:思路拆解+代码落地
javascript·后端·算法
Mintopia
1 天前
如何在有限的时间里,活出几倍的人生
前端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书(Feishu)环境搭建指南04本地部署 OpenClaw + DeepSeek-R1 完全指南05Window 10部署openclaw报错node.exe : npm error code 12806OpenClaw优化飞书API 额度已耗尽问题07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南