路由跳轉的方式和區別

2021-10-05 20:27:57 字數 798 閱讀 2944

1、router-link (宣告式路由)

(1)不帶引數

(2)帶引數

// params傳引數 (類似post)

// 路由配置 path: 「/home/:id」 或者 path: 「/home:id」

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

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

2、this.$router.push() (函式裡面呼叫)

(1)不帶引數

this.$router.push('/home')

this.$router.push()

this.$router.push()

(2)query傳參

this.$router.push(})

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

(3)params傳參

this.$router.push(})

// 只能用 name

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

注意:query和params區別

1.query類似 get, 跳轉之後頁面 url後面會拼接引數,類似?id=1, 非重要性的可以這樣傳, 密碼之類還是用params,因為重新整理頁面id還在

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

路由跳轉方式

路由的跳轉方式有兩種形式。router link標籤 可以把router link理解為乙個a標籤,它 也可以加class修飾 to 必選引數 型別string location。home user register首頁首頁 首頁程式設計式導航 push replace 宣告式導航能做的程式設計式都...

Vue 路由跳轉方式 和 路由跳轉時傳參

1 router link 2 router方式 js跳轉 this.router.push 以上就是兩種路由跳轉的方法 先說說params和query的不同之處 1.query所傳的引數會顯示在url上,params則不會 2.params傳遞的引數在瀏覽器重新整理時會清空,query則不會 1 ...

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...