I am attempting to implement an image as a cursor in my Vue app. I have tried the following code:
<template>
<v-app
:style="{
cursor:
'url(' + require('@/assets/images/custom_cursor.png') + ')'
}"
>
When I replace cursor with backgroundImage, the URL works fine.
If I use 'circle' instead of a URL link for the cursor, it also works.
However, when I try to use a URL for the cursor, it does not function as expected.
Can anyone provide assistance? For context, I am utilizing Vuetify as a CSS framework.
Note: I plan on creating a dynamic class by using computed properties, but first I need to determine how to correctly set an image as a cursor. My assumption is that Vuetify may not allow an image via URL to override the default cursor settings.