编程式路由导航

之前的导航区都是使用<RouterLink>实现路由跳转的

但是很多时候我们希望不需要用户点击就能实现页面跳转,比如首页待三秒自动跳转到新闻页等,有时候需要点击按钮执行函数然后实现跳转,这时候函数是在脚本中,不在结构中,是不能用<RouterLink>标签的

编程式路由导航可以解决这个问题,编程式路由导航就是脱离<RouterLink>实现路由跳转

一个例子:首页停留五秒之后自动跳转到新闻页面

第二个例子:通过点击新闻标题前面的按钮实现查看详情

编程式导航router.push()或者是router.replace()里面能写的东西其实和<RouterLink>中to里面能写的东西是一样的,要么字符串要么对象,可以直接把to的东西粘贴过来

相关推荐

  1. Vue3:程式导航

    2024-05-25 21:10:44       22 阅读
  2. React Router 6 重定向与程式导航指南

    2024-05-25 21:10:44       12 阅读
  3. Vue-60、Vue技术程式

    2024-05-25 21:10:44       33 阅读
  4. vue-router v4.x命名程式跳转

    2024-05-25 21:10:44       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-25 21:10:44       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-25 21:10:44       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-25 21:10:44       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-25 21:10:44       18 阅读

热门阅读

  1. C++11std::bind的简单使用

    2024-05-25 21:10:44       9 阅读
  2. el-select 组件获取整个对象

    2024-05-25 21:10:44       12 阅读
  3. K8S Secret管理之SealedSecrets

    2024-05-25 21:10:44       10 阅读
  4. c++入门

    c++入门

    2024-05-25 21:10:44      12 阅读
  5. 分布式和集群区别

    2024-05-25 21:10:44       7 阅读
  6. 华为校招机试 - 最久最少使用缓存(20240508)

    2024-05-25 21:10:44       11 阅读
  7. 数据仓库、数据中台、大数据平台之间的关系

    2024-05-25 21:10:44       10 阅读
  8. MYSQL课堂练习

    2024-05-25 21:10:44       9 阅读
  9. 向量数据库的使用

    2024-05-25 21:10:44       10 阅读
  10. day50

    2024-05-25 21:10:44       10 阅读