有啥方法可以用 $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路由传参以及获取方法