Vue 路由跳轉 返回某一頁方式

2021-09-18 03:01:47 字數 994 閱讀 2045



home
index.js

import vue from 'vue'


import router from 'vue-router'


import home from '@/components/home'


vue.use(router)


export default new router(


]})

this.$router.push('/home');
this.$router.push();
特點：引數會在瀏覽器路徑中顯示，類似 get 請求

獲取引數：

this.$route.query.pid
this.$router.push();
特點：引數會在瀏覽器路徑中顯示，類似 get 請求

引數獲取：

this.$route.params.pid
特點：作用同  push，不同的是 跳轉時不會向 history棧新增 當前頁 記錄，無法回退

this.$router.replace()


this.$router.replace()
特點：作用類似 window.history.go(n)，從當前記錄 在history棧中 向前(n > 0)查詢或向後(n < 0)查詢，若存在記錄則跳轉到該頁面

this.$router.go(2)


this.$router.go(-1)

vue路由跳轉方式

vue路由跳轉方式有四種，具體如下 1 router link 1.1.不帶引數 params傳引數 類似post 路由配置 path home id 或者 path home id 不配置path 第一次可請求,重新整理頁面id會消失，配置path,重新整理頁面id會保留。html取參 route...

vue快取頁面，返回上一頁不重新整理

2 在路由處新增keepalive屬性 component import views device daddress hidden true 3 在需要快取的頁面使用activated方法 beforerouteenter to,from,next next activated this.route...

vue路由跳轉的方式

vue路由跳轉有四種方式 1.router link 2.this.router.push 函式裡面呼叫 3.this.router.replace 用法同push 4.this.router.go n 一 不帶參 1.1 router link router link to router link...