elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)d的示例代碼
更新時間：2020年08月04日 09:34:03 作者：danbing2226
這篇文章主要介紹了elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
先給大家展示效果圖：
先上圖
<el-dialog title="對話框" :visible="true" @close="關(guān)閉事件()" @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右上角的關(guān)閉按鈕，具體內(nèi)容如下所示：
最近使用了Element-UI中的Dialog對話框，因為需求需要去掉右上角的關(guān)閉按鈕，如圖所示：
最后在網(wǎng)上找到了一個方法，直接上代碼
<el-dialog
title=""
:visible.sync="dialogVisible"
:showClose="showClo" //主要是這個屬性設(shè)為false即可
width="600px"
center>
<span>這是一段信息</span>
</el-dialog>
export default {
data() {
return {
showClo:false,
}
}
}
其中主要的就是showClose屬性，設(shè)置為false即可
方法來源：https://segmentfault.com/q/1010000012175677
總結(jié)
到此這篇關(guān)于elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)的文章就介紹到這了,更多相關(guān)elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS中map與forEach無法跳出循環(huán)及every和some的使用
在我們平時使用習(xí)慣中,for循環(huán)里要跳出整個循環(huán)是使用break,但在數(shù)組中用forEach循環(huán)或者map如要退出整個循環(huán)使用break會報錯,使用return也不能跳出循環(huán),下面這篇文章主要介紹了關(guān)于JS中map與forEach無法跳出循環(huán)及every和some的使用的相關(guān)資料,需要的朋友可以參考下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文件轉(zhuǎn)化為js文件，js文件可以引入在html文件中直接使用，需要的朋友可以參考下2021-12-12
這篇文章主要介紹了JS求解三元一次方程組值的方法,涉及JS數(shù)學(xué)運算的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
偶爾發(fā)現(xiàn) js 中有個延時加載的標(biāo)簽 defer,還在疑惑這么好用的東西為什么沒有流行起來,本人今天把它拾起來用了一下，發(fā)現(xiàn)只在ie7，8，9和360安全濟覽器下可以，知道為什么不用它了吧2012-12-12
這篇文章主要介紹了js獲取某元素的class里面的css屬性值代碼，有需要的朋友可以參考一下2014-01-01
在javascritp中，有兩個關(guān)于定時器的專用函數(shù)，下面講解一下兩個定時器，有需要的朋友可以參考一下2013-10-10
JS操作XML實例總結(jié)(加載與解析XML文件、字符串)
這篇文章主要介紹了JS操作XML的方法,結(jié)合實例形式總結(jié)分析了JavaScript加載與解析XML文件及字符串的相關(guān)技巧,需要的朋友可以參考下2015-12-12
JavaScript中常用的運算符小結(jié)，需要的朋友可以參考下。2012-01-01
本文主要介紹了原生js實現(xiàn)圖片放大縮小計時器效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01