vue $confirm 自定義圖標及修改圖標顏色

一、先直接上解決方案，再講解源碼。

this.$confirm('', {
  title:"提示",
  message:"確認刪除？",
  iconClass:"el-icon-question colorYellow",
}).then(() => {
 
})

el-icon-question是element的圖標。colorYellow爲顏色樣式

這裏說明下，colorYellow必須寫在全局樣式文件內才管用，寫在colorYellow所在的vue文件內不管用。具體我也不知道爲啥。

關於怎麼寫全局樣式。可見我另一篇。

二、接下來說明下爲啥這樣寫。

$confirm已經指定了幾種默認的圖標及樣。屬性用type表示。類型有 'success' | 'warning' | 'info' | 'error' 這幾種

1、在idea中按住ctrl鍵點進confirm類

 

2、依然按住ctrl鍵跟進

 3、我們會看到這麼一個東西，confirm方法所接受的參數及參數類型

 4、找到type 繼續跟進。看圖

 

 

 

。