vue.js - VuetifyJS,路由器链接未显示为光标

标签 vue.js vuejs2 vue-router vuetify.js

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

最佳答案

试试这个版本。绑定(bind)style标签。

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

工作 example .

关于vue.js - VuetifyJS,路由器链接未显示为光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45290000/

相关文章:

vue.js - 在 Vue 3.0 应用程序中安装 vue-apollo 时版本不匹配

vue.js - Vue 路由器不遵循子路径

javascript - 在 Vue.js 中路由器链接的 ":to"属性中传递 props

javascript - 如何重构数据对象以允许其内部的计算属性

dom - 使用 Tether 在 Vue 2.2.1 中操作 DOM 会导致错误。有正确的方法吗?

vue.js - 如何在不暂停的情况下听音乐,同时改变页面?

javascript - 变量更改后更新日历中的事件 - Fullcalendar

typescript - Vue js 2.5.2 & typescript 升级错误

vue.js - 确保在渲染组件之前加载 Vuex 状态

javascript - 如何将搜索查询框合并到 Vue.js 中的 api 调用中