vue项目中this.$confirm中，确定和取消执行不同的逻辑

效果图片:

【确定】按钮执行逻辑A，【取消】按钮执行逻辑B。 [x]按钮关闭confirm，和取消按钮执行不同的逻辑代码如下：

this.$confirm("是否确定删除选中的数据?", "提示", {confirmButtonText: "确定",cancelButtonText: "取消",type: "warning",distinguishCancelAndClose: true,    // 重要，设置为true才会把右上角X和取消区分开来closeOnClickModal: false
}).then(function () {// TODO 确认通过执行逻辑}).catch(function (e) {if (e == 'cancel') {// TODO 确认不通过执行逻辑} else if(e == 'close') {// TODO 右上角X的执行逻辑}
})

vue中this.$confirm，确定和取消执行不同的逻辑处理相关推荐

Vue中this.$confirm确定和取消执行不同的逻辑
this.$confirm('请选择处理方式', '提示', {distinguishCancelAndClose: true, //区分取消和关闭confirmButtonText: '确定',ca ...
element-ui中 this.$confirm修改确定取消按钮顺序和样式
element-ui中 this.$confirm修改确定取消按钮顺序和样式首先其他博客上说是给 this.$confirm中添加取消样式,我试过了无效本人采用的方案是利用css的gap属性,在项 ...
Vue中使用定时器setInterval和延迟执行setTimeout
js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout 一.循环执行(setInterval) 顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次 ...
java弹窗触发事件_关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
vue 执行函数this_在vue中使用回调函数,this调用无效的解决
let self = this //使用新变量替换this,以免this无效 //updatestudentinfotoserver是一个将本身部分数据异步上传的接口,接收三个参数,其中第一个是数据, ...
拼接的html点击事情不触发,关于在vue中拼接html的问题，点击事件无法执行
首先是在普通文档(也就是单个html文件中进行测试,能够正常执行) 普通情况下的结果,拼接的结果能够正常渲染并且控制台有输出: 但是在vue环境之下就会出错,点击事件并没有反应, js部分: for ...
vue中父子组件先后渲染_Vue中父子组件执行的先后顺序
前几天,朋友向我提出了一个关于Vue中父子组件执行的先后顺序问题,相信很多朋友在学习的过程中也会遇到这个问题,所以我就在此提出我自己的一些小看法. 问题如下:请问下图中父子组件执行的先后顺序? 首先, ...
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法参考文章: (1)关于ElementUI中MessageBox弹框的取消键盘触发 ...

vue中this.$confirm，确定和取消执行不同的逻辑处理

vue项目中this.$confirm中，确定和取消执行不同的逻辑

vue中this.$confirm，确定和取消执行不同的逻辑处理相关推荐

最新文章

热门文章