uniapp 使用a标签实现右键在新标签页中打开链接

业务需要 以下右键点击新标签页中打开链接，只有浏览器在解析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;	
}