vue 添加鼠标离开控件监听，v-on:mouseleave不起作用

如果 `v-on:mouseleave` 不起作用，可以尝试使用 `@mouseleave`，这是 `v-on:mouseleave` 的缩写形式例如：

<template>
  <div @mouseleave="handleMouseLeave">鼠标移开时触发</div>
</template>

<script>
export default {
  methods: {
    handleMouseLeave() {
      console.log('鼠标已经移开')
    }
  }
}
</script>

如果仍然无法监听到鼠标离开事件，可能是因为监听的元素不是期望的元素，可以检查一下监听的元素是否正确。