如何使用png图像作为vue的光标答案

【问题标题】：how to use a png image as a cursor with vue如何使用png图像作为vue的光标
【发布时间】：2021-05-12 16:15:53
【问题描述】：

我想在我的 vue 应用程序中使用图像作为光标。我尝试如下：

<template>
  <v-app
    :style="{
      cursor:
        'url(' + require('@/assets/images/custom_cursor.png') + ')'
    }"
  >

当我写 backgroundImage 而不是光标时，url 有效。

当我为光标写 'circle' 而不是 url 链接时，它也可以工作。

但是当我使用光标的url时，它不起作用。

有人可以帮忙吗？顺便说一句，我使用 Vuetify 作为 css 框架。

注意：我将使用计算创建一个动态类，但我应该弄清楚如何将图像调用为光标。我的猜测是 vuetify 不会让图像通过 url 覆盖默认光标。

【问题讨论】：

【解决方案1】：

这是我的第一反应，所以这里什么都没有！

cursor:
    url(' + require('@/assets/images/custom_cursor.png') + ')
}"

也许删除网址前后的刻度线？

【讨论】：