Vue-15-前端框架Vue之应用基础编程式路由导航
文章目录
- 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=