前端基礎學習 MessageBox的DIY方法

2021-10-07 11:43:35 字數 1678 閱讀 2528

在element-ui上對於messagebox其實給我們提供了很多種類,但是很多情況下我們需要對他們的樣式進行改寫,下面記錄我遇到過的兩個改寫的情況

(1)$confirm需要展示多行

['每條資料只能檢測三次'

,'確認檢查嗎?'

]const newdatas =

const h =

this

.$createelement

for(const i in confirmtext)

this

.$confirm(''

,'提示',)

.then((

)=>).

catch((

)=>)}

)這裡主要把多行資料推入陣列然後迴圈展示

(2)展示多行並且需要改變其中一行和整體的樣式

不要介意樣式比較醜。只是為了做出這個效果

其實後來發現基本上使用msg

box就

可以了,

如果需要

msgbox就可以了,如果需要

msgbox

就可以了

,如果需

要confirm,只用加上

type:

'warning'

整體**

this

.confirmtitle =

'該條資料為預設資料'

const confirmtext =

'確定進行刪除嗎?(不能真的刪除)'

const h =

this

.$createelement

this

.$msgbox

(, confirmtext)])

, showcancelbutton:

true

, confirmbuttontext:

'確定'

, cancelbuttontext:

'取消'

, customclass:

'message_style'

,// 可以選擇沒有tpye,則沒有感嘆號圖示

type:

'warning'})

.then((

)=>).

catch((

)=>)}

)

這種情況下的幾個注意點

1、單獨改變單行的樣式

h

('p'

,, confirmtext)

2、整體改變樣式

在$msgbox中新增customclass,然後寫上對應的樣式

customclass:

'message_style'

,

前端基礎學習03

html規範 畫素 畫素是指由影象的小方格組成的,這些小方塊都有乙個明確的位置和被分配的色彩數值,小方格顏色和位置就決定該影象所呈現出來的樣子。可以將畫素視為整個影象中不可分割的單位或者是元素。不可分割的意思是它不能夠再切割成更小單位抑或是元素,它是以乙個單一顏色的小格存在。每乙個點陣影象包含了一定...

筆記 前端基礎學習

cdn 內容分發網路這是一種加速策略,能從離自己最近的伺服器上獲得加速資源。使用vue採用網路引用,如果是單一的伺服器,加入距離很遠,就會導致請求很慢,所以vue.js在多個伺服器上設定了 分身 在此基礎上,可以從離自己最近的伺服器上獲取資源,這就是cdn mvvm vue技術是mvvm開發模式的實...

前端學習 html基礎學習三

src屬性 作用指定我們要載入的的路徑和的名稱以及格式 width屬性 作用指定的寬度,單位px em cm mm height屬性 作用指定的高度,單位px em cm mm border屬性 作用指定圖示的邊框寬度,單位px em cm mm alt屬性 作用1當網頁上的被載入完成後,滑鼠移動到...