先给大家展示效果图：
先上图
<el-dialog title="对话框" :visible="true" @close="关闭事件()" @opened="打开事件()" class="想来点其他样式">
主要是添加一下样式
.el-dialog__headerbtn {
top: 8px !important;
background: url('https://你路径资源的url图片') left no-repeat;
background-size: cover;
}
.el-dialog__headerbtn i {
content: '修改下面的font-size可以改变图片的大小';
font-size: 25px;
visibility: hidden;
}
PS：下面看下如何去除Element-UI中dialog右上角的关闭按钮，具体内容如下所示：
最近使用了Element-UI中的Dialog对话框，因为需求需要去掉右上角的关闭按钮，如图所示：
最后在网上找到了一个方法，直接上代码
<el-dialog
title=""
:visible.sync="dialogVisible"
:showClose="showClo" //主要是这个属性设为false即可
width="600px"
center>
<span>这是一段信息</span>
</el-dialog>
export default {
data() {
return {
showClo:false,
}
}
}
其中主要的就是showClose属性，设置为false即可
方法来源：https://segmentfault.com/q/1010000012175677
总结
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“elementui更改el-dialog关闭按钮的图标d的示例代码”评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。