在日常开发中经常会使用到确认框,在退出,删除,修改的等操作,请求数据之前先弹出提示信息显示框,提示用户确认,防止用户操作错误,提高用户体验. 引入全局Element UI,可以参考 MessageBox 弹框,确认消息组件,更方便项目的开发.
当用户点击确认时,执行 .then 成功的回调
当用户点击取消时,执行 .catch 失败的回调
参数1: 提示的文本内容
参数2: 标题
参数3: 配置对象,消息类型，用于显示图标 (可改变,看需求)
.catch(err => err) 设置一个参数避免报错提示,捕获了错误,但是又返回了,什么都不处理
this.$confirm('此操作将退出登录,是否继续?', '提示', {
type: 'warning'
})
.then(() => {
this.$store.commit('user/updateToken', '')
this.$message.success('退出成功')
this.$router.push('/login')
})
.catch((err) => err)
