Tdesign 子路由表单页面取消按钮实现tabs 关闭当年路由按钮效果。

最新推荐文章于 2024-10-07 09:24:46 发布

2401_85340688

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量229

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/2401_85340688/article/details/141937047

版权

Tdesign 子路由表单页面取消按钮实现tabs 关闭当年路由按钮效果。

	<t-row>
				<t-col>
					<t-button theme="primary" @click="onSubmit">提交</t-button>
					<t-button theme="default" @click="onCancel"> 取消</t-button>
				</t-col>
			</t-row>

import { useRouter } from 'vue-router';
const router = useRouter();

import { useTabsRouterStore } from '@/store';
const tabsRouterStore = useTabsRouterStore();
const { subtractCurrentTabRouter , tabRouters} = tabsRouterStore;

const onCancel = ()=>{
    console.log("tabRouters", tabRouters)
  tabRouters.concat(router.currentRoute.value).filter((item, routeIdx)=>{
    if(item.path === router.currentRoute.value.path) {
      subtractCurrentTabRouter({
        path: item.path,
        routeIdx: routeIdx
      })
      router.push("/");   // 填入关闭当前路由后跳转的页面路由
    }
  })
}