在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當網頁上的被載入完成後,滑鼠移動到...