vue -> js文件中使用弹窗组件

import {Modal} from 'ant-design-vue'
import 'ant-design-vue/lib/modal/style/css'

const _checkSameTab = (to,next)=>{
//当前页签组
const pagesList = JSON.parse(sessionStorage.getItem('pagesList')) || [];
const tabPaths = pagesList && pagesList.map(i=>{return i.path});
const tabPathIndex = tabPaths.indexOf(to.path);
const existsTabObj = tabPathIndex !== -1 ? pagesList[tabPathIndex] : false;
//判断当前是否是新增操作 并且 是否存在于 当前标签组内 (需要弹窗并跳转到重复页签)
if(existsTabObj){
const preFullPath = existsTabObj.fullPath;
const modal = Modal.warning();
modal.update({
title:"检测到当前有正在操作的相同业务页面",
content: (h)=>{
return (

{//}

{/

检测到当前有正在操作的相同业务页面

/}

_checkSameHandle('cancel',preFullPath,modal,next)}>取消
_checkSameHandle('create',preFullPath,modal,next)}>新建
_checkSameHandle('edit',preFullPath,modal,next)}>继续编辑

)
}
});
//dom方式删除底部确认按钮
document.getElementsByClassName('ant-modal-confirm-btns')[0].remove();

return true

}
return false;
};