坚决不掉头发的小陈 2023-03-01 00:43 采纳率: 100%
浏览 31
已结题

el-menu进行路由跳转

使用vue+elmentui 使用navgation el-menu进行路由跳转，想做到使用浏览器后退时不记录子路由

img


依次点击1 2 3 4 后 路由地址会变化 然后点击后退时会依次退回
期望目标：无论点击多少次路由，在点击后退时能退回到‘http://localhost:8011/%E2%80%99 设置的默认路由

  • 写回答

2条回答 默认 最新

  • ZionHH 2023-03-01 10:20
    关注

    this.$router.replace

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • vue2+el-menu实现路由跳转及当前项的设置方法实例
    2020-08-28 22:21
    Vue2+El-Menu 实现路由跳转及当前项的设置方法实例 Vue.js 是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。 vue2+...
  • el-menu跳转路由
    2023-01-06 12:43
    高电平的博客 首先添加:default-active属性，属性值为this.$router.path，同时还需要设置router为true（router默认值为ture，直接添加router即可）最后在el-menu-item中的index属性值设为对应的路径。接着在路由中配置好组件路径...
  • el-menu菜单路由跳转时传参给组件
    2022-04-01 14:56
    大大益的博客 使用el-menu菜单切换组件时，如果要携带参数，路由传参的方式是在el-menu-item中添加 :route去指定路由，包括参数 <el-menu-item index="/signStudent" :route="{name:'signStudent',query:{state:0}}"> &...
  • el-menu配置路由跳转
    2022-01-27 11:41
    高晨辉@610709891.qq.com的博客 1.触发el-menu 上的select事件,在事件里编写路由跳转代码进行跳转 <template> <div> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"&...
  • el-menu路由跳转但界面不刷新
    2025-03-19 11:48
    程碗饭来的博客 今天在使用element-plus组件el-menu作为网站头部导航栏的过程中，出现了一个问题。即当我点击“检测结果”时，可以看到url地址已经变化，但是界面却不会自动跳转，需要手动刷新才能正确跳转。而点击首页时却可以完美...
  • vue3 +el-menu实现路由跳转失败
    2022-01-27 11:14
    初遇见的博客 vue3 +el-menu实现路由跳转失败 解决办法： 要在 标签中加 router属性<el-menu router> <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background...
  • Vue el-menu-item实现路由跳转
    2022-04-14 14:15
    小羊羊.的博客 场景：用了element-ui的el-menu 菜单 怎样实现路由跳转呢？ 1，在el-menu加上router，添加el-menu的default-active属性，加：动态绑定，值设置为"this.$router.path" ， 2，将el-menu-item的index设置为路由跳转...
  • Vue el-menu-item路由跳转
    2021-12-13 16:57
    .南风.的博客 Vue el-menu-item路由跳转 1，添加el-menu的default-active属性，值设置为"this.$router.path" ，并加上router。 2，直接将el-menu-item的index设置为路由跳转path 如图：
  • el-menu菜单进行路由跳转，并传参
    2022-04-25 16:58
    qq_46302247的博客 1、只进行跳转（无需传参） <el-menu :default-active="$router.path" //注意点 router //注意点 class="el-menu-demo" mode="horizontal" > <el-menu-item "index='/yzfMap'>地图页面</el-...
  • el-menu实现路由跳转及当前页的导航
    2021-03-05 23:34
    重名8080的博客 1、el-menu-item 路由跳转 要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 <el-menu :...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月9日
  • 已采纳回答 3月1日
  • 创建了问题 3月1日