点击其他位置弹框消失

?

1 2 3

<ul v-if="isShow" class="context-menu" ref="contextMenu" @blur="onClose" tabindex="-1" :style="style">   ....   </ul>

　给ul注册事件 

?

1	@blur="onClose" tabindex="-1"   一定要定义tabindex

?

1 2 3 4

nextTick(() => {     const curMenu = contextMenu.value     contextMenu.value.focus() }）<br>

{ preventScroll: true }

  点击其他位置失去焦点事件

?

1 2 3

const onClose = () => {   isShow.value = false }

　　tabindex 用法说明 - 掘金 (juejin.cn)