首頁  >  文章  >  web前端  >  vue實現路由跳轉的三種方式

vue實現路由跳轉的三種方式

王林
王林原創
2020-05-12 09:48:3512376瀏覽

vue實現路由跳轉的三種方式

1、router-link

vue實現路由跳轉的三種方式

注意:跳轉的連結要在路由當中引入。

2、this.$router.push({ path:'/user'})

常用於路由傳參,用法同第三種

區別:

(1)、query引入方式

params只能用name來引入路由

而query 要用path引入

(2)、query傳遞方式

類似於我們ajax中get傳參,在瀏覽器網址列中顯示參數

params則類似於post,在瀏覽器網址列中不顯示參數

傳遞的檔案

vue實現路由跳轉的三種方式

接收的檔案

vue實現路由跳轉的三種方式

3、this. $router.replace(path:'/')

以上是vue實現路由跳轉的三種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn