关于antd vue中的model

今天在写个人博客的时候想在路由守卫中使用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 () {}
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容