【问题标题】:Any way to show url-info with $router.push()?有什么方法可以用 $router.push() 显示 url-info?
【发布时间】:2022-01-14 01:00:39
【问题描述】:

最近我用$router.push() 指令替换了我的应用程序中的所有router-link 锚元素。现在我注意到,$router.push() 在视口底部隐藏了url-info,并阻止用户使用CTRL/CMD + click 打开新标签。

有什么方法可以在悬停时显示url-info 并启用使用上述快捷方式创建新的浏览器选项卡?

【问题讨论】:

  • 出于好奇,为什么要将所有<router-link> 替换为$router.push()$router.push() 附加到什么元素?
  • @tony19 因为我是菜鸟,我发现将$router.push() / $router.back() 语句添加到元素比必须在元素周围放置<router-link> 标记更简单。但我从你那里得知,这似乎是一种不好的做法。

标签: html vue.js vue-router vuejs3


【解决方案1】:

向文档正文(或其他父 div)添加按键事件以处理导航。

将类链接元素的标题属性设置为目标 URL。

【讨论】:

    猜你喜欢
    • 2012-09-11
    • 1970-01-01
    • 2019-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-21
    • 2020-06-09
    • 2012-11-03
    相关资源
    最近更新 更多