小編這次要給大家分享的是element中如何使用$confirm，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序定制開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了界首免費(fèi)建站歡迎大家使用！
可以諸如此類的封裝一下
重慶分公司
重慶分公司
/*
* 公用提示窗
* @export
* @param {string}[desc="確認(rèn)操作"]彈框提示文字
* @param {string}[title="提示"]彈框標(biāo)題
* @param{string}[confirmButtonName ='確認(rèn)']確認(rèn)按鈕文字
* @param {string}[cancelButtonName="取消"] 取消按鈕文字
* @param{boolean}[distinguishCancelAndClose = false]關(guān)系和取消是否執(zhí)行同一方法
*@return
*
*/
export function confirm (desc = '確認(rèn)操作', title = '提示', confirmButtonName = '確認(rèn)', cancelButtonName = '取消', distinguishCancelAndClose = false) {
return this.$confirm(desc, title, {
confirmButtonName: confirmButtonName,
cancelButtonName: cancelButtonName,
distinguishCancelAndClose: distinguishCancelAndClose,
closeOnClickModel: false,
type: 'warning',
center: true
})
}xxx//vue
submitSome(){
try(){
async utils.confirm.call(this,"確認(rèn)要?jiǎng)h除嗎")
const formData = {
'id':this.id
}
let res = await this.$post('/sss',formData)
if(res.code===1){
//do something
}
}catch(e){
console.log(e)
// 如果需要關(guān)閉和取消有所區(qū)別
if(e==='close'){
//do something
}else if(e==='cancel'){
//do something
}
}
}this.$confirm確定框內(nèi)容換行顯示
// 把寫(xiě)的提示信心需要換行的地方分成數(shù)組 confirmText
const confirmText = ['是否將此項(xiàng)移除？', '注意：移除后不可恢復(fù)。']
const newDatas = []
const h = this.$createElement
for (const i in confirmText) {
newDatas.push(h('p', null, confirmText[i]))
}
this.$confirm(
'提示',
{
title: '提示',
message: h('div', null, newDatas),
showCancelButton: true,
confirmButtonText: '確定',
cancelButtonText: '取消',
type: 'warning'
} ).then(() => { })看完這篇關(guān)于element中如何使用$confirm的文章，如果覺(jué)得文章內(nèi)容寫(xiě)得不錯(cuò)的話，可以把它分享出去給更多人看到。
