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
    评论
### 回答1: b'element messagebox\xe5\xbc\xb9\xe7\xaa\x97'是什么? 这是一个ASCII编码的字符串,其包含了"element messagebox弹窗"的文字描述。具体是什么,需要结合上下文进行判断。 ### 回答2: element messagebox弹窗是Element-UI的一个组件,用于在网页显示警告、确认或消息等弹窗窗口。 使用该组件,我们需要先引入Element-UI库,并注册messagebox组件。然后在需要显示弹窗的地方,调用messagebox的相关方法即可。 messagebox提供了几种常用的方法:alert、confirm和prompt。其alert方法会弹出一个带有确定按钮的弹窗confirm方法会弹出一个带有确定和取消按钮的弹窗,而prompt方法则是在confirm的基础上加上了输入框。 调用这些方法时,我们可以传入一个包含相关配置的对象,例如设置title、message、type、showCancelButton等属性。通过这些属性的设置,我们可以自定义弹窗的标题、内容、样式、按钮等。 我们还可以使用messagebox组件的API方法来关闭弹窗,例如通过messagebox.close()来手动关闭弹窗。 总的来说,Element-UImessagebox组件提供了一种简单方便的方式来在网页显示弹窗窗口,使用户能够方便地进行警告、确认或消息等交互操作。 ### 回答3: element messagebox是一种常见的弹窗组件。它通常用于在用户交互过程提供重要的提示、警告或确认信息。element messagebox具有简单易用的特点,可以快速地在网页创建各种类型的弹窗。 使用element messagebox,我们可以轻松地显示普通的文本提示信息给用户。例如,当用户完成一个操作时,我们可以使用messagebox弹窗来显示一个简单的成功提示,让用户知道操作已经成功完成。此外,我们还可以通过messagebox弹窗来显示错误信息,以便用户了解问题所在并及时解决。 除了普通的提示信息,element messagebox还支持弹窗形式的确认框。这使得我们可以在用户进行一些重要操作之前要求用户确认。例如,在删除某个重要数据之前,我们可以使用messagebox弹窗来询问用户是否确定删除。这样可以避免用户误操作带来的损失。 值得一提的是,element messagebox还支持自定义的弹窗内容和样式。我们可以根据自己的需求来设计弹窗的外观和布局。这使得我们能够根据具体场景来创建更加适合的弹窗。 总的来说,element messagebox弹窗是一种非常实用的组件,它可以在用户交互时提供重要的提示和确认功能。它的简单易用和自定义性使得它成为了开发者们常用的工具之一。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值