路由跳轉方式

2022-09-19 19:51:11 字數 770 閱讀 4682

路由的跳轉方式有兩種形式。

router-link標籤 ,可以把router-link理解為乙個a標籤,它 也可以加class修飾

to(必選引數):型別string/location。

home

user

register

首頁
首頁

首頁

程式設計式導航 push|replace:宣告式導航能做的程式設計式都能做,程式設計式導航除了進行路由跳轉,而且還可以處理一些業務

// 字串

this.$router.push('home')

// 物件

this.$router.push()

// 命名的路由 變成 /user/123

this.$router.push(})

// 帶查詢引數,變成 /register?plan=123

this.$router.push(})

this.$router.go(-1) // 後退
this.$router.replace(』/』)

//配置路由時path有時候會加 『/』 有時候不加,以』/'開頭的會被當作根路徑,就不會一直巢狀之前的路徑。

vue路由跳轉方式

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

vue路由跳轉的方式

vue路由跳轉有四種方式 1.router link 2.this.router.push 函式裡面呼叫 3.this.router.replace 用法同push 4.this.router.go n 一 不帶參 1.1 router link name,path都行,建議用name 注意 rou...