解决element-plus提示组件样式丢失问题

最新推荐文章于 2024-08-20 16:43:06 发布

土豆你是马铃薯吗

最新推荐文章于 2024-08-20 16:43:06 发布

阅读量1.4k

点赞数 2

文章标签： vue.js javascript 前端 elementui typescript

本文链接：https://blog.csdn.net/weixin_53085057/article/details/128857028

版权

使用element-plus的提示组件时样式不显示

import { ElNotification } from 'element-plus';
ElNotification({
    message: err.response.data.msg || '请求失败',
    type: 'error',
    duration: 3000
})

如下图所示：

在这里插入图片描述

解决方案

入口文件（main.ts/js）中引入相关样式即可

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

const app = createApp(App);
app.use(router);
app.mount('#app');

import 'virtual:windi.css';
import "element-plus/theme-chalk/el-notification.css";