当前位置: 首页 > 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.lqws.cn/news/536995.html

相关文章:

  • Vue.js 过滤器详解
  • Spring Boot 文件上传大小配置错误解决方案
  • 在Visual Studio使用Qt的插件机制进行开发
  • Python文件操作完全指南:从入门到精通
  • 基于SpringBoot的智慧旅游系统
  • 从零到一训练一个 0.6B 的 MoE 大语言模型
  • Java——Spring 非注解开发:IoC/DI 与 Bean 管理实战(含第三方组件整合)
  • python的银行柜台管理系统
  • easyExcel导入多sheet的Excel,存在合并单元格、列不固定的情况
  • # RK3588 Linux SDK 完整问题解决记录-编译内核头文件
  • 【Pandas】pandas DataFrame first_valid_index
  • 跨越十年的C++演进:C++14新特性全解析
  • 手机控车远程启动一键启动
  • C++智能指针概念及std::unique_ptr使用介绍
  • 使用docker搭建redis主从架构,一主2从
  • day48-硬件学习之GPT定时器、UART及I2C
  • 日语学习-日语知识点小记-进阶-JLPT-真题训练-N2阶段(4):2022年12月2023年12月
  • 机器学习18-强化学习RLHF
  • python基于协同过滤的动漫推荐系统
  • 华为云Flexus+DeepSeek征文|一键部署知识库搜索增强版搭建AI Agent
  • 《仿盒马》app开发技术分享-- 逻辑优化第三弹(83)
  • 新手向:Neo4j的安装与使用
  • 供应链数据可视化大屏
  • OneCode框架 Tree 相关注解使用说明
  • 服务器的安装与安全设置 域环境的搭建和管理 Windows基本配置 网络服务常用网络命令的应用 安全管理Windows Server 2019
  • 独立开发还能做吗
  • Git-git worktree的使用
  • 测试方法的分类
  • recipes的版本比较老如何更新到新版本?
  • 板凳-------Mysql cookbook学习 (十--11)