<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>

推荐答案

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

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

工作example分钟.

Vue.js相关问答推荐

Vue CLI: 如何在一个vtextfield更改时让另一个vtextfield的值也同时更改,但同时又可以覆盖它?

Vue3 动态渲染

Vue:将点击事件绑定到动态插入的内容

vue 模板中无法识别 pug 语言

运行vue-cli-service build --watch时没有 CSS 文件

如何渲染数组以 Select 选项 vue.js

Vue:如何将 store 与组件一起使用?

带有 vue.js 的 img 网址

如何根据生产或开发模式读取不同的 .env 文件?

如何在 vue 3 脚本设置中使用

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

VueJS 禁用特定属性的react性

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

如何使用 vue.js 获取所选选项的索引

正确的 vueJS 方法将props与数据同步

从 Axios 响应中解析 XML,推送到 Vue 数据数组

Vue:如何在按钮单击时调用 .focus()

基本 vue.js 2 和 vue-resource http 获取变量赋值

样式化 Vue 插槽

使用 Vue.js 获取所有选中复选框的列表