这篇文章主要讲解了“vue跳转外部链接始终有localhost问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue跳转外部链接始终有localhost问题怎么解决”吧!
vue跳转外部链接始终有localhost
在写页面跳转的时候,跳转的新页面始终带有localhost:端口号
错误图片如下:
正确图片如下:
btnClick(){ let url = "www.baidu.com" window.open(url) // 这种跳转的话始终带一个localhost window.open(`https://${url}`) //这样的话就跳转正确了 },
注意点:跳转的url加上http或https协议即可
vue页面跳转外部链接打开新标签页
let href = 'https://www.baidu.com/' window.open(href, '_blank');