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();

上篇文章:call、apply、bind函數在改變函數運行時this的指向問題的區別

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章