vue路由開啟新視窗

2021-09-18 07:23:52 字數 400 閱讀 8250

vue路由開啟新視窗

一. 標籤實現新視窗開啟:

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

熱門好貨

注:只有tag=「a"模式下 target=」_blank" 屬性才會生效。

二. 程式設計式導航:

複製**

let routedata = this.$router.resolve(

});window.open(routedata.href, 『_blank』);

複製**

三、直接使用a標籤:

}

Vue 路由開啟新視窗

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