<el-dialog
:visible.sync="dialog"
width="400px"
center>
<template slot="title">
<div class="alertTitle">
<img src="../assets/admin.png"> <span>编辑</span>
</div>
</template>
<el-form class="inputBox" :model="editCont" label-width="100px">
<el-form-item :label="t==2?'水量补贴(吨)':'电量补贴(度)'">
<el-input v-model="editCont.number"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="editCont.remark"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="save">保 存</el-button>
<el-button @click="dialog = false">取 消</el-button>
</span>
</el-dialog>
通过插槽给对话框标题设置自定义内容
<template slot="title">
<div class="alertTitle">
<img src="../assets/admin.png"> <span>编辑</span>
</div>
</template>
或者使用伪类:(样式可能不太好看)
.el-dialog__title::before{
content: url("./assets/admin.png");
}