平常我们多数通过给a标签
加一个target="_blank"
来实现新窗口打开链接,但在vue
框架如何实现新开窗口这个功能呢?
一:通过在router-link
中加target="_blank"
<router-link :to="{name:'register'}" target="_blank"><span class="loginspan">注册账号</span></router-link>
二:自己实现跳转打开
let {href} = this.$router.resolve({name:'login'})
window.open(href, '_blank')
有些小伙伴或许会好奇为什么是{href}
,让我们来分别打印href
和{href}
看看吧,看完你就知道了哈
let {href} = this.$router.resolve({name:'login'})
console.log('{href}:')
console.log(href)
let href1 = this.$router.resolve({name:'login'})
console.log('href:')
console.log(href1)
图: