首页 前端知识 解决element-plus提示组件样式丢失问题

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

2024-04-29 11:04:22 前端知识 前端哥 784 88 我要收藏

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

成功示例

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6075.html
标签
评论
发布的文章

qt JSON和字符串相互转换

2024-05-05 12:05:04

nlohmann::json从入门到精通

2024-05-05 12:05:00

Android-第十节JSON讲解

2024-05-05 12:05:35

FastJson 框架详解

2024-05-05 12:05:31

MySql操作JSON

2024-05-05 12:05:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!