vue.js開發抓信插件,如何在單頁應用中打開新窗口

在vue項目中如何實現跳轉到一個新頁面(一個比較簡單又比較基礎的問題了),有兩個方法:
一、<vue-link>標籤實現新窗口打開
官方文檔中說 v-link 指令被 <router-link> 組件指令替代,且 <router-link> 不支持 target="_blank" 屬性,若是須要打開一個新窗口必需要用<a>標籤,但事實上vue2版本的 <router-link> 是支持 target="_blank" 屬性的(tag="a"),以下:vue

<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新頁面打開home頁</router-link>

這種方法在抓信的iOS版本APP中沒法打開新頁面。通過實踐發現,下面所說的第二個方法能夠在抓信的iOS版本APP正常工做。
二、編程式導航
能夠使用this.$router.resolve解析出須要跳轉的url,而後用window.open打開,以下:編程

let routeUrl = this.$router.resolve({
     path: "/share",
     query: {id:96}
   });
   window.open(routeUrl.href, '_blank');
相關文章
相關標籤/搜索