elementui更改el-dialog關閉按鈕的圖標d的示例代碼
更新時間：2020年08月04日 09:34:03 作者：danbing2226
這篇文章主要介紹了elementui更改el-dialog關閉按鈕的圖標，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
先給大家展示效果圖：
先上圖
<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
總結
到此這篇關于elementui更改el-dialog關閉按鈕的圖標的文章就介紹到這了,更多相關elementui更改el-dialog關閉按鈕的圖標內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
JS中map與forEach無法跳出循環(huán)及every和some的使用
在我們平時使用習慣中,for循環(huán)里要跳出整個循環(huán)是使用break,但在數(shù)組中用forEach循環(huán)或者map如要退出整個循環(huán)使用break會報錯,使用return也不能跳出循環(huán),下面這篇文章主要介紹了關于JS中map與forEach無法跳出循環(huán)及every和some的使用的相關資料,需要的朋友可以參考下2023-05-05
JavaScript實現(xiàn)判斷圖片是否加載完成的3種方法整理
這篇文章主要介紹了JavaScript實現(xiàn)判斷圖片是否加載完成的3種方法整理,本文講解了onload方法、javascipt原生方法、jquery方法三種方法,需要的朋友可以參考下2015-03-03
TypeScript使用vscode監(jiān)視代碼編譯的過程
這篇文章主要介紹了TypeScript使用vscode監(jiān)視代碼編譯,使用tsc 文件名稱可以將ts文件轉化為js文件，js文件可以引入在html文件中直接使用，需要的朋友可以參考下2021-12-12
這篇文章主要介紹了JS求解三元一次方程組值的方法,涉及JS數(shù)學運算的相關操作技巧,需要的朋友可以參考下2017-01-01
偶爾發(fā)現(xiàn) js 中有個延時加載的標簽 defer,還在疑惑這么好用的東西為什么沒有流行起來,本人今天把它拾起來用了一下，發(fā)現(xiàn)只在ie7，8，9和360安全濟覽器下可以，知道為什么不用它了吧2012-12-12
這篇文章主要介紹了js獲取某元素的class里面的css屬性值代碼，有需要的朋友可以參考一下2014-01-01
在javascritp中，有兩個關于定時器的專用函數(shù)，下面講解一下兩個定時器，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了JS操作XML的方法,結合實例形式總結分析了JavaScript加載與解析XML文件及字符串的相關技巧,需要的朋友可以參考下2015-12-12
JavaScript中常用的運算符小結，需要的朋友可以參考下。2012-01-01
本文主要介紹了原生js實現(xiàn)圖片放大縮小計時器效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01