vue mousedown 设置cursor自定义图片

要设置自定义图片作为鼠标指针，可以使用 CSS 样式中的 `cursor` 属性，将其设置为 `url` 类型，指向自定义图片的路径。

在 Vue 中，可以在 `mousedown` 事件的处理函数中，通过操作 DOM 元素的样式来设置鼠标指针。例如：

<template>
  <div @mousedown="handleMouseDown"></div>
</template>

<script>
export default {
  methods: {
    handleMouseDown() {
      // 获取 DOM 元素
      const el = document.querySelector('.custom-cursor')

      // 设置样式
      el.style.cursor = 'url(/path/to/cursor.png) 8 8, auto'
    }
  }
}
</script>

<style>
.custom-cursor {
  /* 设置自定义光标 */
  cursor: none;
}
</style>

在上述代码中，`handleMouseDown` 方法中获取了一个具有 `.custom-cursor` 类名的 DOM 元素，并将其样式的 `cursor` 属性设置为指向自定义图片的路径，并且指定了图片的偏移量为 `(8, 8)`，以保证图片的中心点对齐鼠标位置。在样式中，还需要将 `.custom-cursor` 的 `cursor` 属性设置为 `none`，以隐藏默认的鼠标指针。