日常开发记录-点击按钮触发 close 方法关闭当前路由页面，跳转列表页

最新推荐文章于 2024-12-19 20:48:02 发布

原创最新推荐文章于 2024-12-19 20:48:02 发布 · 226 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #网络 #运维 #vue.js

这篇博客详细介绍了如何在应用中实现关闭当前路由并跳转到目标页面的操作。通过访问并修改Vuex状态来移除当前路由，并使用$router.push()方法实现页面跳转。示例代码展示了如何跳转到'/test/list'页面。

关闭当前路由，跳转其他页面

close() {
      // 返回上级路由并关闭当前路由
      this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)
      this.$router.push('目标页面的路由地址’)
    }

举例：

目标页面的路由地址：'/test/list'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

who am I？ 6666

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【前端】解决 Vue 项目中this.$router.push跳转后页面未关闭问题的实现方案

m0_72165403的博客

08-14

1767

在 Vue 项目开发中，尤其是涉及多页面标签管理的场景，我们经常会遇到这样的问题：使用this.$router.push进行路由跳转后，当前页面的标签并未被自动关闭，导致标签页堆积，影响用户体验。本文将结合实际代码案例，详细讲解如何通过合理的逻辑设计，解决这一问题。

vue element 关闭当前tab 跳转到上一路由操作

10-15

主要介绍了vue element 关闭当前tab 跳转到上一路由操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

vue关闭当前路由页面并跳转到其父页面

qq_24441205的博客

12-21

2909

1.dom中添加关闭或取消按钮。2.cancel方法中。

vue 跳转页面带对象_Vue.js实战之利用vue-router实现跳转页面

weixin_39933356的博客

12-19

683

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。这次的实例主要实现下图的效果：项目结构：一、配置 Router用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装cnpm i vue-router -D安装完成后，在 src 文件夹下，创建一个 rout...

【若依】关闭当前标签页并跳转路由到其他页面

m0_74824123的博客

12-19

1143

使用场景如：当在新增/编辑路由页面提交成功后，需要关闭当前页，并跳转回列表页。

vue关闭跳转页面

zheyijieyou的博客

01-13

2197

layer.closeAll(); window.parent.vm.editCallback();

vue+element使用动态加载路由方式实现三级菜单页面显示的操作

10-14

- 菜单项的点击事件会触发Vue Router的导航，`:index`属性与路由配置的`path`对应，使得点击菜单时能根据指定路径跳转至对应的组件。 7. **权限控制**： - 为了实现基于角色的权限控制，可以在路由配置中添加一个...

vue A页面点击按钮跳转B页面,B页面tag叉掉,A页面再次点击跳转重新刷新页面

11-27

在Vue.js中，要实现A页面通过点击按钮跳转到B页面，并在B页面操作后返回A页面时刷新数据，可以按照以下步骤设计： 1. **A页面**: - 使用`<router-link>`组件创建一个链接，绑定`@click`事件，将导航传递给路由守卫...

vue　点击按钮将指定将路由页面放进弹窗打开

03-12

综上，这样的实现方法应该能够满足用户的需求：点击按钮，弹窗显示指定路由对应的组件内容，而无需跳转页面或打开新窗口。同时，代码结构清晰，符合Vue的使用习惯。</think>### Vue点击按钮弹窗打开指定路由页面实现...

flutter 使用getx路由页面跳转 Get.offAndToNamed 怎么刷新页面

热门推荐

fairy啊的博客

08-25

1万+

Vue关闭当前页面。

vue router 关闭当前页_Vue-cli（标准前端化工程）快速入门

weixin_33171065的博客

02-03

8054

在学习Vue-cli之前，我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习，可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史，了解一下》、《Vue快速入门》等进行快速学习。接下来我们就来学习标准前端化工程Vue-cli。Vue-cli什么是Vue-cli？Vue-cli是官方提供的一个脚手架工具，我们可以利...

vue 关闭当前页跳转上一页

weixin_49261425的博客

10-28

3619

cancel() { this.form = {}; //关闭当前页跳转上一页 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1) this.$router.push(this.$store.state.tagsView.visitedView.

vue-router 切换路由关闭当前存在的所有axios请求

shadow_yi_0416的博客

10-28

1786

然后在路由跳转中，需要在router/idnex.js 文件中清空存在全局的请求。

created&&activated，解决vue页面不关闭当前页面，跳转出去返回后页面不刷新的问题

weixin_40030173的博客

01-22

2469

在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用。 created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就

vue router 关闭当前页_微信小程序-mpvue-router-patch配置

weixin_39942400的博客

02-03

1049

1.安装mpvue-router-patch在项目目录下执行npm i mpvue-router-patch2.在src/main.js// main.jsimport Vue from 'vue'import MpvueRouterPatch from 'mpvue-router-patch'Vue.use(MpvueRouterPatch)3.使用方式Router 实例属性$router.ap...