elementUI给dialog标题添加icon图标

最新推荐文章于 2024-06-19 17:40:37 发布

weixin_46156770

最新推荐文章于 2024-06-19 17:40:37 发布

阅读量4.2k

点赞数 5

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_46156770/article/details/114127330

版权

vue 专栏收录该内容

41 篇文章

订阅专栏

博客介绍了利用插巢slot为dialog标题添加icon图标的方法，聚焦于前端开发中界面元素的优化。

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

利用插巢slot给dialog标题添加icon图标

<el-dialog title="错误信息提示" :visible="fileVisible" @close="closeList" style="border-bottom: none;">
      <div slot="title" class="header-title">
        <span class="title-name"><i class="el-icon-warning" style="color: #e6a23c;margin-right:10px"></i></span>
        <span class="title-age">错误信息提示</span>
      </div>
      <el-table border :data="errorData" style="width: 100%">
        <el-table-column prop="userName" label="用户名">
        </el-table-column>
        <el-table-column prop="errMessage" label="错误信息">
        </el-table-column>
      </el-table>
      <p style="color: lightslategray;">* 以上队员导入失败，请检查信息后重新导入</p>
    </el-dialog>