vue3中mouseleave在双击时候不触发事件，离开元素才触发

在 Vue3 中，`mouseleave` 事件通常会在鼠标完全离开指定元素时触发，包括当鼠标从元素内部移到边界外的情况。然而，在某些场景下，如双击操作中，当鼠标快速连续点击两次并立即移开，`mouseleave` 可能不会在第一次离开元素时触发，因为双击事件可能会先于 `mouseleave` 被处理。

如果你需要在用户停止对元素进行连续点击后，不论是否还在元素内，都能触发一个离开事件，可以考虑采用其他策略。例如：

1. **使用 `mouseup` 和 `click` 结合**：你可以监听 `click` 事件并在计数器达到一定的次数后再绑定 `mouseup` 或者 `mouseleave`。如果在多次点击后没有 `mouseup`，则视为双击，这时再添加 `mouseleave` 的监听。

data() {
  return {
    clickCount: 0,
  }
},
methods: {
  handleClick() {
    this.clickCount++;
    if (this.clickCount === 2) {
      // 当前认为是双击，移除双击计数并绑定 mouseleave
      this.$on('mouseleave', yourHandler);
      // ... 其他处理逻辑
    } else if (this.clickCount === 1) {
      // 单击情况，清空计数
      this.clickCount = 0;
    }
  },
}

2. **使用 Debounce 或 Throttle**：通过时间防抖（Debounce）或节流（Throttle）技术，可以在一定时间内阻止多次连续触发，直到用户的动作暂停一段时间，然后一次性处理所有事件。

记得在不再需要这个特殊处理时，别忘了清除之前的绑定。