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=

你可能感兴趣的:(Vue,前端框架,vue.js,javascript)