vue.js - v-list-item-title 加入 App.vue 中的路由器链接
问题描述
有没有其他方法可以编写下面这行代码以获得更好的 UI 交互?
<v-list-item>
<v-list-item-title>
<router-link to="historicalFigures">Historical Figures </router-link>
</v-list-item-title>
</v-list-item>
我问这个是因为使用上面的代码,只有当我单击导航栏的链接时才会显示结果。像这样
但是当我单击链接周围的区域时,没有任何显示或响应。
解决方案
尝试在 v-list-item 上放置一个“to”道具,而不是在编写代码时嵌套路由器链接。或者,您可以在 v-list-item 上使用 @click,该方法将使用 this.$router.push('/historicalFigures')
<v-list-item to='historicalFigures'>
<v-list-item-title>Historical Figures</v-list-item-title>
</v-list-item>
推荐阅读
- mysql - 如何获取填写计数的 MYSQL 信息架构列名?
- css - 引导背景尺寸封面未满
- ruby-on-rails - Rails 应用程序中的 Facebook 身份验证问题
- powershell - 如何在powershell中获取第一个=之后的值?
- outlook - 使用 RedemptionLoader 创建新 RDOSession 时出错
- wordpress - 如何将 wordpress 文件挂载到存在目录中?
- python - 比较元组列表,根据条件确认子集?
- sql-server - 使用 WITH 结果的关键字“IF”附近的语法不正确
- java - Guice 导致抛出 UncaughtExceptionHandler
- python - 使用 matplotlib 绘制不同比例的 3 y