vue之實現開啟新視窗

2021-10-05 15:08:44 字數 743 閱讀 6560

平常我們多數通過給a標籤加乙個target="_blank"來實現新視窗開啟鏈結,但在vue框架如何實現新開視窗這個功能呢?

一:通過在router-link中加target="_blank"

"" target=

"_blank"

>

"loginspan"

>註冊賬號

二:自己實現跳轉開啟

let

= this.$router.resolve(

)window.open(href, '_blank'

)

有些小夥伴或許會好奇為什麼是,讓我們來分別列印href看看吧,看完你就知道了哈

let

= this.$router.resolve(

)console.log(

':')

console.log(href)

let href1 = this.$router.resolve(

)console.log(

'href:'

)console.log(href1)

Vue 路由開啟新視窗

vue實現路由跳轉新視窗開啟 1 標籤實現新視窗開啟 官方文件中說 v link 指令被 元件指令替代,且 不支援 target blank 屬性,如果需要開啟乙個新視窗必須要用 a 標籤,但事實上vue2版本的 router link 是支援 target blank 屬性的 tag a 示例如下...

vue路由開啟新視窗

vue路由開啟新視窗 一.標籤實現新視窗開啟 官方文件中說 v link 指令被 元件指令替代,且 不支援 target blank 屬性,如果需要開啟乙個新視窗必須要用標籤,但事實上vue2版本的 是支援 target blank 屬性的 tag a 示例如下 熱門好貨 注 只有tag a 模式下...

vue程式設計式路由實現新視窗開啟

官方文件中說 v link 指令被 元件指令替代,且 不支援 target blank 屬性,如果需要開啟乙個新視窗必須要用標籤,但事實上vue2版本的 是支援 target blank 屬性的 tag a 示例如下 注 只有tag a 模式下 target blank 屬性才會生效。有些時候需要在...