首頁 > web前端 > js教程 > vue實現路由跳轉的三種方式

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

王林
發布: 2020-05-12 09:48:35
原創
12401 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板