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

使用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";

成功示例

在这里插入图片描述

你可能感兴趣的:(vue.js,javascript,前端,elementui,typescript)