路由跳轉幾種方法

2021-10-10 06:14:10 字數 1400 閱讀 1089

1.router-link 不帶引數

"">

"">

//name,path都行, 建議用name

2.帶引數

"}">

// params傳引數 (類似post)

// 路由配置 path: "/home/:id" 或者 path: "/home:id"

// 不配置path ,第一次可請求,重新整理頁面id會消失

// 配置path,重新整理頁面id會保留

// html 取參 $route.params.id

// script 取參 this.$route.params.id

"}">

// query傳引數 (類似get,url後面會顯示引數)

// 路由可不配置

// html 取參 $route.query.id

// script 取參 this.$route.query.id

2.1this.$router.push() (函式裡面呼叫) 不帶引數

this

.$router.

push

('/home'

)this

.$router.

push()

this

.$router.

push

()

2.2query傳參

this

.$router.

push(}

)this

.$router.

push(}

)// html 取參 $route.query.id

// script 取參 this.$route.query.id

3.params傳參

this

.$router.

push(}

)// 只能用 name

// 路由配置 path: "/home/:id" 或者 path: "/home:id" ,

// 不配置path ,第一次可請求,重新整理頁面id會消失

// 配置path,重新整理頁面id會保留

// html 取參 $route.params.id

// script 取參 this.$route.params.id

4.query和params區別

query類似 get

, 跳轉之後頁面 url後面會拼接引數,類似?id=

1, 非重要性的可以這樣傳, 密碼之類還是用params重新整理頁面id還在

params類似 post, 跳轉之後頁面 url後面不會拼接引數 , 但是重新整理頁面id 會消失

頁面跳轉的幾種方法

href assgin跳轉到另乙個頁面可以返回到原來的頁面 location.href location.assign 注意 replace跳轉到另乙個頁面之後不可以返回原來的頁面 location.replace 用乙個新的位址去替換當前的位址,所以不能返回之前的頁面history是載入歷史列表中...

頁面跳轉的幾種方法

php 302重定向 缺少http 會造成重複重定向 url header location url 301重定向 多用於引數錯誤跳轉前 頁面 echo exit 上級頁面跳轉 多用於後台frame框架 防止出現畫中畫 echo exit top.location.href url 在頂層頁面開啟u...

jsp下頁面跳轉的幾種方法小結

1.requestdispatcher.forward 在伺服器端起作用,當使用forward 時,servlet engine傳遞http請求從當前的servlet或者是jsp到另外的乙個servlet jsp 或普通html檔案,也即你的form提交至a.jsp,在a.jsp用到了forward...