vue中自己实现的页面切换标签手动关闭功能


1、相关描述

首先需要找到存储路由的数据盒子。数据盒子是自定义的,也就是展示标签内容的具体数据,找到它之后就可以在跳转时对他进行操作了。


2、图解

图解


3、示例代码

goBack() {
    
    
	let visitedViews = this.$store.state.tagsView.visitedViews,
		index = visitedViews.findIndex((item) => item.fullPath == "/subsusteminfo/systemdetailpage");
	this.$router.push({
    
     path: "/monitor/system-console" });
	this.$store.state.tagsView.visitedViews.splice(index, 1);
}

猜你喜欢

转载自blog.csdn.net/weixin_51157081/article/details/120902849