业务需要 以下右键点击新标签页中打开链接,只有浏览器在解析a标签的时候,默认会有鼠标右键显示“在新标签页中打开链接”的功能.
实现
template部分
<a :href="toNewtabUrl(商品的id)" >
右键打开新链接
</a>
js部分
toNewTab(id){
let data = `id=${id}`
let url = window.location.href
url = decodeURIComponent(url) //地址链接转码
let href = null
if(url.indexOf('pages')>-1){
href = url.split('pages')[0]
}else{
href = url
}
let router = `${href}pages/goods/goods?${data}`
// 当不想跳转的时候阻止a标签的默认行为 return 'javascript:void(0);'
return router
}
css 去掉a标签默认样式
a{
text-decoration:none;
color:#000;
}