文章目錄
- 1 RouterLink的replace屬性
- 1.1 App.vue
- 1.2 應用效果
- 2 編程式路由導航
- 2.1 場景一Home.vue
- 2.2 場景二News.vue
- 3 路由重定向
- 3.1 index.ts
- 3.2 Detail.vue
- 3.3 About.vue
1 RouterLink的replace屬性
路由每次跳轉都有記錄,默認是push,可以改為replace。
RouterLink支持兩個重要的屬性:replace 和 push,它們控制路由跳轉時的行為(即是否在瀏覽器歷史中添加新記錄)。
(1)push(默認行為)
作用:將新的路由記錄推入瀏覽器的歷史棧中。
效果:用戶可以點擊瀏覽器的“后退”按鈕回到上一個頁面。
(2)replace
作用:替換當前的路由記錄,不會在瀏覽器歷史中留下記錄。
效果:用戶無法通過“后退”按鈕返回到前一個頁面。
1.1 App.vue
在導航區加入replace。
<template><div class=