vue confirm提示框

长春小霸王

于 2022-04-22 13:25:52 发布

阅读量3.5k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/jbossjf/article/details/124343515

版权

vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

这段代码展示了在前端应用中如何使用自定义提示框实现用户确认跳转到首页并成为付费会员的功能。通过设置图标样式、按钮文字、关闭按钮显示及提示类型，实现了一个警告类型的对话框。用户点击确认后，路由将跳转到dashboard页面；点击取消则不执行任何操作。

摘要由CSDN通过智能技术生成

 var that = this   
 this.$confirm('确认跳转到首页成为付费会员吗？', '提示', {
		        iconClass: 'el-icon-question', // 自定义图标样式
		          confirmButtonText: '确认', // 确认按钮文字更换
		          cancelButtonText: '取消', // 取消按钮文字更换
		          showClose: true, // 是否显示右上角关闭按钮
		          type: 'warning' // 提示类型  success/info/warning/error
		      }).then(function() {
		          // 确认操作
				   that .$router.push(`/dashboard`)
		      }).then((data) => {
		        // 取消操作
		      })
		      .catch(function(err) {
		        // 捕获异常
		      })