1. 程式人生 > >router-link 返回上頁 和 新窗口打開鏈接

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

打開 ria 支持 簡寫 pre str font ack oot

1、如果使用了Vue-router的話,就可以用

this.$router.go(-1)

實現返回;

2、如果沒使用vue-router,就可以用

window.history.go(-1)

實現返回效果。

可以 定義方法 @click="goback"

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

也可直接簡寫:

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

跳轉鏈接到新頁面

template中,直接給它加上target=‘_blank‘
屬性即可,反正最終它也會被解釋為一個 a標簽
<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) }

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