element中的$confirm的使用
程序员文章站
2022-04-09 16:00:59
可以诸如此类的封装一下/* * 公用提示窗 * @export * @param {string}[desc="确认操作"]弹框提示文字 * @param {string}[title="提示"]弹框...
可以诸如此类的封装一下
/* * 公用提示窗 * @export * @param {string}[desc="确认操作"]弹框提示文字 * @param {string}[title="提示"]弹框标题 * @param{string}[confirmbuttonname ='确认']确认按钮文字 * @param {string}[cancelbuttonname="取消"] 取消按钮文字 * @param{boolean}[distinguishcancelandclose = false]关系和取消是否执行同一方法 *@return * */ export function confirm (desc = '确认操作', title = '提示', confirmbuttonname = '确认', 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,"确认要删除吗") const formdata = { 'id':this.id } let res = await this.$post('/sss',formdata) if(res.code===1){ //do something } }catch(e){ console.log(e) // 如果需要关闭和取消有所区别 if(e==='close'){ //do something }else if(e==='cancel'){ //do something } } }
this.$confirm确定框内容换行显示
// 把写的提示信心需要换行的地方分成数组 confirmtext const confirmtext = ['是否将此项移除?', '注意:移除后不可恢复。'] 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(() => { })
到此这篇关于element中的$confirm的使用的文章就介绍到这了,更多相关element $confirm 内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
推荐阅读
-
快速入门:使用Azure 数据 Studio进行连接和查询 Azure SQL 数据仓库中的数据
-
MYSQL的一个表中的数据已经达到了2000万条 怎么能更近一步优化
-
PHP 链接DBF资料所使用的SQL语句
-
改进中的模板 PHP解释性模板Phplib
-
使用POI将Mysql或Oracle中的数据导入到Excel中去_MySQL
-
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址),
-
php-PHP中for循环设定的标志位没有增加
-
preg_match_all匹配文章中的图片作为文章标题的小图片
-
MySQL导出指定表中的数据
-
python使用webbrowser浏览指定url的方法