$message參數(shù)是Vue的一個(gè)特殊屬性,它可以在組件內(nèi)部通過(guò)this.$message來(lái)調(diào)用,從而實(shí)現(xiàn)在頁(yè)面上顯示提示信息等功能。
而$message的參數(shù)包括:
type: 提示框類(lèi)型,可選值包括:success、warning、info、error,默認(rèn)為info message: 提示信息,可以是字符串或者HTML標(biāo)記 duration: 提示框顯示時(shí)間,單位為毫秒,默認(rèn)為3000 showClose: 是否顯示關(guān)閉按鈕,可選值為true或false,默認(rèn)為false center: 是否居中顯示,可選值為true或false,默認(rèn)為false
例如:
this.$message({ type: 'success', message: '操作成功', duration: 2000, showClose: true, center: true })
上面的代碼會(huì)在頁(yè)面上顯示一個(gè)綠色的成功提示框,同時(shí)會(huì)自動(dòng)消失,顯示時(shí)間為2秒,并且?guī)в幸粋€(gè)關(guān)閉按鈕,可以在用戶(hù)點(diǎn)擊后手動(dòng)關(guān)閉。
$message參數(shù)是Vue中非常實(shí)用的一個(gè)屬性,它能夠極大地簡(jiǎn)化開(kāi)發(fā)者的工作。在開(kāi)發(fā)中,我們可以根據(jù)需要靈活調(diào)用此屬性,實(shí)現(xiàn)豐富多彩的交互效果。