Vue3.0+Element plus项目中组件样式丢失

礼貌而已

已于 2023-09-09 10:07:57 修改

阅读量2.8k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： # Element Plus # Vue报错处理文章标签： javascript vue.js elementui

于 2023-01-07 15:10:54 首次发布

本文链接：https://blog.csdn.net/qq_61402485/article/details/128591035

Element Plus 同时被 2 个专栏收录

8 篇文章

订阅专栏

Vue报错处理

6 篇文章

订阅专栏

文章讲述了在使用ElementPlus库时遇到ElMessage组件样式丢失的问题，通过删除手动引入并依赖官方自动导入配置来解决冲突，提醒用户已配置自动导入则无需额外手动导入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题演示

我这儿以ElMessage为例，其他 Element组件样式丢失也是同理
在这里插入图片描述

在这里插入图片描述

我的代码：

<template>
  <div>
     <h1>这是首页</h1>
     <el-button :plain="true" @click="open1">success</el-button>
  </div>
</template>

<script setup lang="ts">
// import { ElMessage } from 'element-plus'
const open1 = () => {
  ElMessage({
    message: '操作成功的提示',
    type: 'success',
  })
}
</script>

<style scoped>

</style>