有啥方法可以用 $router.push() 显示 url-info?

Posted

技术标签:

【中文标题】有啥方法可以用 $router.push() 显示 url-info?【英文标题】: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> 标记更简单。但我从你那里得知,这似乎是一种不好的做法。 【参考方案1】:

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

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

【讨论】:

以上是关于有啥方法可以用 $router.push() 显示 url-info?的主要内容,如果未能解决你的问题,请参考以下文章

vue中this.$router.push路由传参以及获取方法

vue-router 2.0 跳转之router.push()

this.$router.push 传参

vue-router-4-编程式导航

vue $router.push 传参的问题

(转) vue-router 2.0 常用基础知识点之router.push()