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)
效果如下

轻松拿下。

相关推荐
万岳科技程序员小金12 小时前
AI数字人小程序源码开发全流程实战:前端交互+后端算法部署指南
前端·人工智能·软件开发·ai数字人小程序·ai数字人系统源码·ai数字人软件开发·ai数字人平台搭建
白开水丶12 小时前
vue3源码学习(五)ref 、toRef、toRefs、proxyRefs 源码学习
前端·vue.js·学习
广州华水科技13 小时前
单北斗GNSS在变形监测中的应用与优势分析
前端
用泥种荷花13 小时前
【LangChain.js学习】大模型分类
前端
掘金安东尼13 小时前
Angular 中的增量水合:构建“秒开且可交互”的 SSR 应用
前端·angular.js
大龄程序员13 小时前
TypeScript 类型体操:如何为 SDK 编写优雅的类型定义
前端·aigc
大龄程序员13 小时前
别再用 ID 定位了!教你用"语义指纹"实现 99% 的元素定位成功率
前端·aigc
RaidenLiu13 小时前
拒绝重写!Flutter Add-to-App 全攻略:让原生应用“渐进式”拥抱跨平台
前端·flutter·前端框架
大龄程序员13 小时前
Vite 插件开发实战:如何自动注入 SDK 脚本
前端·aigc
小呆i14 小时前
零基础搭建前端开发环境(详细版)
前端