当前位置: 首页 > news >正文

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=
http://www.lryc.cn/news/575484.html

相关文章:

  • MR30分布式IO:产线改造省时 70%
  • 七天学会SpringCloud分布式微服务——03——一些细节的心得感悟(续)
  • FANUC机器人教程:用户坐标系标定及其使用方法
  • 腾讯混元API调用优化实战:用API网关实现流量控制+缓存+监控
  • 向量数据库milvus中文全文检索取不到数据的处理办法
  • SQL学习笔记3
  • recipes的版本比较老如何更新到新版本?
  • Twitter外贸精准获客全景策略(2025实战版)
  • dlib检测视频中的人脸并裁剪为图片保存
  • 【C#】 DevExpress.XtraEditors.SidePanel
  • OSEK/VDX OS ISO17356-3,【2】OS架构概述
  • 《大模型 Agent 应用实战指南》第4章:核心 Agent 设计与提示工程
  • 热点代码探测确定何时JIT
  • 【STM32】[特殊字符] WWDG(窗口看门狗)学习笔记
  • ESP32 VSCODE进入menuconfig时ESP-IDF idf.py menuconfig卡进度条,setuptools版本太高解决方法
  • 【Linux】软硬链接,动静态库
  • 第4篇:响应处理——返回数据给客户端(Gin文件下载,JSON,XML等返回)
  • [架构之美]Spring Boot 3.5.3新特性解析及JDK21集成
  • Pydantic 模型
  • python pandas数据清洗
  • 【攻防篇】解决:阿里云docker 容器中自动启动xmrig挖矿
  • 解锁阿里云Datatransport:数据迁移的终极利器
  • 前端项目3-01:登录页面
  • 日语学习-日语知识点小记-进阶-JLPT-真题训练-N2阶段(4):2022年12月2023年12月
  • WPF中Converter基础用法
  • OceanBase SQL 引擎高级技术学习笔记(通俗篇)
  • 智能制造——58页智慧工厂解决方案【附全文阅读】
  • python中学物理实验模拟:斜面受力分析
  • Elasticsearch 中的精确搜索与模糊搜索
  • electron 如何配置 打开控制台