vuerouter跳轉
- IT科技
- 關注:2.42W次
vue-router中跳轉頁面有三種跳轉方式。
方法一:router.push()
方法二:router.replace()
方法三:router.go(n)
router.push() 跳轉指定url路徑,並向history棧中添加一個記錄,點擊後退會返回到上一個頁面
router.push({ path, params})
/**説明 path:跳轉路徑* params:參數*/router.push({ path:'page/index', query:{user_name:'YanGo'})
router.replace() 跳轉指定url路徑,但是history棧中不會有記錄,點擊返回會跳轉到上上個頁面 (就是直接替換了當前頁面),傳參跟push一樣
router.go(n) 向前或者向後跳轉n個頁面,n可為正整數或負整數。
拓展資料:
vue-router是什麼?
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用於構建單頁面應用。vue的單頁面應用是基於路由和組件的,路由用於設定訪問路徑,並將路徑和組件映射起來。傳統的頁面應用,是用一些超鏈接來實現頁面切換和跳轉的。在vue-router單頁面應用中,則是路徑之間的切換,也就是組件的切換。路由模塊的本質 就是建立起url和頁面之間的映射關係。
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zh-mo/dianzi/o9p6qy.html