ElementUI中MessageBox弹窗回调函数的用法

最近公司网站有个需求,需要一个弹出框提示。

选用了MessageBox,发现官方文档并没有回调的说明,自己类推了一下,在then里面回调了,action分别为confirm(确认),cancel(取消),close(关闭)的时候分别触发回调。

 

 1 upRisk(){
 2             if(this.userInfo.status==1){
 3                 this.fullscreenLoading = false,
 4                 this.$confirm('您的风险测评已经超过一年, 点击确定重新测评?', '提示', {
 5                   confirmButtonText: '确定',
 6                   cancelButtonText: '取消',
 7                   type: 'warning',
 8                   center: true
 9                 }).then((action) => {
10                         if(action === 'confirm'){
11                             this.$router.replace({path:'/account/risk_test'})
12                         }
13                 }).catch(() => {
14                   this.$message({
15                     type: 'info',
16                     message: '已取消重新测评'
17                   });
18                 });
19             }
20 
21         },

 

转载于:https://www.cnblogs.com/chengduren/p/10340767.html

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值