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...