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

2021-08-21 10:22:41 字數 675 閱讀 8804

1、router-link

2、$router方式(js跳轉)

this.$router.push()
以上就是兩種路由跳轉的方法

先說說params和query的不同之處

1.query所傳的引數會顯示在url上,params則不會

2.params傳遞的引數在瀏覽器重新整理時會清空,query則不會

1、params

router-link:

注意!這裡的to前面是有:冒號的

$router方式:

this.$router.push(

})

2、query

router-link:

注意!這裡的to前面是有:冒號的

$router方式:

this.$router.push(

})

想要了解vue元件通訊,可以看我另一篇文章→ vue元件通訊

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