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=