VUE中頁面跳轉的常用方式及傳回上一頁實作的兩種方式

一、我們知道，如果是一個頁面的某些部分切換變化，那不是網頁之間的切換，而是子元件的切換；對于頁面切換，我們需要知道的是整個頁面的内容和路徑都發生了改變。在原生JS中我們知道頁面切換可以使用location href的方式。而在VUE中有兩種常見的切換方式：

一種是router-link to="路徑",問号後面是附加的傳輸資料，對應的頁面也的按名字geohash來取。例如

<router-link :to="'/search?geohash='+this.data1.geohash">

<img id="imgTwo" src="../../src/components/imgs/zhinanzhen.png" alt="">

<p id="ptwo">搜尋</p>

</router-link>      

還有一種是程式設計式路由跳轉：

this.$router.push({

name:"city"

})      

二、傳回上一頁有兩種方式，但是首先你得@click綁定一個methods的方法：

例如：

this.$router.go(-1);      

this.$router.back();      

三、this.$router.resolve 實作在新視窗打開頁面（并傳參）

let routeData = this.$router.resolve({
    path: '/channelinfo',
    query: {
       gwsn: this.selectGwsn
    } //傳值
});
window.open(routeData.href, '_blank');      

上篇文章：​​call、apply、bind函數在改變函數運作時this的指向問題的差別​​

下篇文章：​​vue+element項目的某個元件中引入百度地圖​​