点击其他位置弹框消失

梦蝶庄周 / 2023-05-12 / 原文

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

 给ul注册事件

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

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

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