element中的$confirm的使用
可以诸如此类的封装一下
/*
*公用提示窗
*@export
*@param{string}[desc="确认操作"]弹框提示文字
*@param{string}[title="提示"]弹框标题
*@param{string}[confirmButtonName='确认']确认按钮文字
*@param{string}[cancelButtonName="取消"]取消按钮文字
*@param{boolean}[distinguishCancelAndClose=false]关系和取消是否执行同一方法
*@return
*
*/
exportfunctionconfirm(desc='确认操作',title='提示',confirmButtonName='确认',cancelButtonName='取消',distinguishCancelAndClose=false){
returnthis.$confirm(desc,title,{
confirmButtonName:confirmButtonName,
cancelButtonName:cancelButtonName,
distinguishCancelAndClose:distinguishCancelAndClose,
closeOnClickModel:false,
type:'warning',
center:true
})
}
xxx//vue
submitSome(){
try(){
asyncutils.confirm.call(this,"确认要删除吗")
constformData={
'id':this.id
}
letres=awaitthis.$post('/sss',formData)
if(res.code===1){
//dosomething
}
}catch(e){
console.log(e)
//如果需要关闭和取消有所区别
if(e==='close'){
//dosomething
}elseif(e==='cancel'){
//dosomething
}
}
}
this.$confirm确定框内容换行显示
//把写的提示信心需要换行的地方分成数组confirmText
constconfirmText=['是否将此项移除？','注意：移除后不可恢复。']
constnewDatas=[]
consth=this.$createElement
for(constiinconfirmText){
newDatas.push(h('p',null,confirmText[i]))
}
this.$confirm(
'提示',
{
title:'提示',
message:h('div',null,newDatas),
showCancelButton:true,
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{})
到此这篇关于element中的$confirm的使用的文章就介绍到这了,更多相关element$confirm内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！