今天在写个人博客的时候想在路由守卫中使用modal里的confirm 因为是第一次使用antd vue 官方文档里只有直接在.vue文件中使用的案例 所以我查看了他的源码发现
Modal.info = info;
Modal.success = success;
Modal.error = error;
Modal.warning = warning;
Modal.warn = warn;
Modal.confirm = confirm;
这些东西都是在modal对象里面所以
import { Modal } from 'ant-design-vue'
// 引入之后直接打点调用就行了
Modal.confirm({
title: '请先登录',
content: '需要现在跳转到登录吗?',
okText: '确定',
cancelText: '取消',
onOk () {
next({
path: '/login'
})
},
onCancel () {}
})