vue 关闭当前页跳转上一页

最新推荐文章于 2024-09-11 10:54:44 发布

代码敲着敲着就睡了

最新推荐文章于 2024-09-11 10:54:44 发布

阅读量3.4k

点赞数

分类专栏： VUE 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_49261425/article/details/121012785

版权

VUE 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

这篇博客详细介绍了Vue.js应用中如何使用`findIndex`方法实现页面关闭并跳转至上一页的功能。`cancel()`函数清空表单数据，并通过`$store`状态管理删除当前页面，然后利用`visitedViews`数组找到最后访问的页面路径进行跳转。内容涉及到Vue组件状态管理、路由操作及数组方法的应用。

摘要由CSDN通过智能技术生成

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.visitedViews[this.$store.state.tagsView.visitedViews.length - 1].path)
    },

Vue--findIndex方法的使用原理
// 根据id得到下标
// 默认去遍历list集合，将集合中的每个元素传入到function的item里，
var index = this.list.findIndex(function(item){
//根据item中的id属性来判断这个item是否是上面id中
//对应的数据，如果是返回一个true ,否返回false,继续下面的一条数据的遍历，以此类推
return item.id ==id; //如果返回true，那么findIndex方法会将这个item对应的id返回到外面接受
});