VuetifyJS，router-link 没有显示为光标

Question

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

但是没有应用样式，当鼠标悬停在该元素上时，光标仍然是文本光标。

完整代码：

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

Answer 1

试试这个版本。绑定style标签。

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

工作example。

VuetifyJS, router-link not showing up as a cursor