router-link 返回上頁 和 新窗口打開連接

一、若是使用了Vue-router的話，就能夠用

this.$router.go（-1）

實現返回；

二、若是沒使用vue-router，就能夠用

window.history.go（-1）

實現返回效果。

 

能夠 定義方法 @click="goback"

methods:{ goback(){ this.$router.go(-1);//返回上一頁
 } }

也可直接簡寫：

@click="$router.back(-1)"

 

 

跳轉連接到新頁面：

在中，直接給它加上屬性便可，反正最終它也會被解釋爲一個 a標籤templatetarget='_blank'

<router-link :to="{path: '/footer'}"  target="_blank"  tag="a"> footer </router-link>

　"tag" 屬 性 ：具備 tag 屬性的 router-link 會被渲染成相應的標籤

編程式：

咱們經常使用的是 $router.push 和 $router.go 可是 vue2.0之後，這種方式就不支持新窗口打開的屬性了，
這個時候就須要使用this.$router.resolve,以下：

goNewPage(){ let routeUrl = this.$router.resolve({ path: "/newPage", query: {name:' 小明'} }) window.open(routeUrl .href, '_blank') }