鼠标中键点击关闭页面

 

  v-for="(item, idx) in navTabs.state.tabsView"
面包蟹表头

 @mousedown="MiddleKey($event,item)"
//点击事件

$event默认属性

通过默认属性提供给我们的button属性可以拿到我们目前点击的是鼠标那个位置

左键为0

中键为1

右键为2

item这里我传的是要关闭页面的URL地址

看一下事件里面

const MiddleKey = (a: any, item: any) => {
    let key = a.button
    if (key === 0) {
        router.push(item)
    } else if (key === 1) {
        navTabs.closeTab(item)
        proxy.eventBus.emit('onTabViewClose', item)
        if (navTabs.state.activeRoute?.path === item.path) {
            toLastTab()
        } else {
            navTabs.setActiveRoute(navTabs.state.activeRoute!)
            nextTick(() => {
                selectNavTab(tabsRefs.value[navTabs.state.activeIndex])
            })
        }
        contextmenuRef.value.onHideContextmenu()
    }
}