欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)d的示例代碼

 更新時(shí)間：2020年08月04日 09:34:03   作者：danbing2226  
這篇文章主要介紹了elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

先給大家展示效果圖：

在這里插入圖片描述

先上圖

<el-dialog title="對話框" :visible="true" @close="關(guān)閉事件()" @opened="打開事件()" class="想來點(diǎn)其他樣式">

主要是添加一下樣式

.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對話框，因?yàn)樾枨笮枰サ粲疑辖堑年P(guān)閉按鈕，如圖所示：

在這里插入圖片描述

最后在網(wǎng)上找到了一個(gè)方法，直接上代碼

<el-dialog
 title=""
 :visible.sync="dialogVisible"
 :showClose="showClo" //主要是這個(gè)屬性設(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)文章

最新評論