Vue 路由開啟新視窗

2021-09-16 13:12:25 字數 835 閱讀 3844

vue實現路由跳轉新視窗開啟

1、標籤實現新視窗開啟:

官方文件中說 v-link 指令被 元件指令替代,且 不支援 target="_blank" 屬性,如果需要開啟乙個新視窗必須要用 < a > 標籤,但事實上vue2版本的 < router-link > 是支援 target="_blank" 屬性的(tag=「a」),示例如下:

tag=

"a"

target

="_blank"

:to="}"

>

i'm fate

router-link

>

2、函式實現跳轉

有些時候需要在單擊事件或者在函式中實現頁面跳轉,那麼可以借助router的示例方法,使用 $router.resolve 這種方法能夠實現新視窗開啟,示例**如下:

>

"demo"

>

@click

="()=>"

>

span

>

div>

template

>

>

export

default

;let routedata =

this

.$router.

resolve()

; window.

open

(routedata.href,

'_blank');

}}};

script

>

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 屬性才會生效。有些時候需要在...

vue之實現開啟新視窗

平常我們多數通過給a標籤加乙個target blank 來實現新視窗開啟鏈結,但在vue框架如何實現新開視窗這個功能呢?一 通過在router link中加target blank target blank loginspan 註冊賬號 二 自己實現跳轉開啟 let this.router.reso...