elementUI给el-dialog标题添加自定义图片_el-dialog 头部自定义

利用插巢slot给el-dialog弹框标题添加icon图标或自定义图片

<el-dialog :title="title" :visible.sync="dialogVisible">
   <div slot="title" class="header-title">
        <img :src="src" alt="">
        <span>{{title}}</span>
    </div>
    <el-table :data="gridData" height="308">
      <el-table-column property="date" label="日期" width="80" align="center"></el-table-column>
      <el-table-column property="name" label="名称" width="120"></el-table-column>
      <el-table-column property="address" label="地址" show-overflow-tooltip></el-table-column>
    </el-table>
</el-dialog>
1
2
3
4
5
6
7
8
9
10
11