VuetifyJS, router-link does not display as cursor

Question

<router-link to="/" tag="span" style="{ cursor: pointer; }">Name</router-link> 

But the style is not applied, and the cursor remains the text cursor when the mouse is over this element.

Full code:

<v-toolbar-title class="white--text">
  <router-link to="/" tag="span" exact style="{ cursor: pointer; }">Name</router-link>
</v-toolbar-title>

Answer 1

Try this version. Bind the tag style.

<router-link to="/" tag="span" exact :style="{ cursor: 'pointer'}">Name</router-link>

Job example .