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

Vue3入门(9)

1. 【 replace属性】

  作用:控制路由跳转时操作浏览器历史记录的模式。

  浏览器的历史记录有两种写入方式:分别为```push```和```replace```:

     - ```push```是追加历史记录(默认值)。

     - `replace`是替换当前记录。

. 开启`replace`模式:

     <RouterLink replace .......>News</RouterLink>

2. 【编程式导航】

路由组件的两个重要的属性:`$route`和`$router`变成了两个`hooks`

import {useRoute,useRouter} from 'vue-router'



const route = useRoute()

const router = useRouter()



console.log(route.query)

console.log(route.parmas)

console.log(router.push)

console.log(router.replace)

3. 【重定向】

作用:将特定的路径,重新定向到已有路由。

 具体编码:

   {

       path:'/',

       redirect:'/about'

   }


http://www.kler.cn/a/463967.html

相关文章:

  • MyBatis-plus sql拦截器
  • JavaScript系列(4)--数值类型专题
  • React-Router 一站式攻略:从入门到精通,掌握路由搭建与权限管控
  • RP2K:一个面向细粒度图像的大规模零售商品数据集
  • C# 在PDF中添加和删除水印注释 (Watermark Annotation)
  • 游戏如何检测iOS越狱
  • macos git上传通过全局设置不上传.DS_Store
  • C++之模板进阶
  • 详细讲一讲webpack部分的配置(入口和输出配置,模块处理配置(Loader),插件配置(Plugins),优化配置, 开发服务器配置,解析配置,性能配置
  • 《计算机网络A》单选题-复习题库解析-2
  • 电力系统优化分析/系统机组组合/水电优化运行/鲁棒优化/多能源互补优化/分布鲁棒优化
  • 智能工厂的设计软件 应用场景的一个例子:为AI聊天工具添加一个知识系统 之10 方案再探之1:特定于领域的模板 之1 随想交流
  • 如何在没有 iCloud 的情况下将数据从 iPhone 传输到 iPhone
  • 闻泰科技涨停-操盘训练营实战-选股和操作技术解密
  • 【每日学点鸿蒙知识】gbk2313传到native、NAPI打印日志问题、table表格控件、Web 触发新窗口卡住、修饰列表
  • 云计算与服务是什么
  • 模电面试——设计题及综合分析题0x01(含答案)
  • 深入剖析Android SoundPool及其JNI实现
  • python爬虫——爬取全年天气数据并做可视化分析
  • 【机器学习】工业 4.0 下机器学习如何驱动智能制造升级
  • 【C#设计模式(22)——策略模式(Stratege Pattern)】
  • aws(学习笔记第二十课) codecommit以及codedeploy进行开发
  • 如何在群晖NAS上安装并配置MySQL与phpMyAdmin远程管理数据库
  • 金融风控-授信额度模型
  • VSCode 终端显示“pnpm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本”
  • ruoyi 多租户 开启后针对某一条sql不适用多租户; 若依多租户sql规则修改