vue+elementUi 路由跳转,关闭当前的tab

//第一种,一步到位
this.$store.dispatch('app/delView', this.$route).then(() => {
      this.$router.push({
           path:'/liuManage/taskExecuteList'
      });
});


//第二种
// 调用全局挂载的方法,关闭当前页
this.$store.dispatch("app/delView", this.$route);
// 关闭之后跳转你要跳转的路由
this.$router.push({ path: '/liuManage/taskExecuteList' });
// 返回上一步路由,第二种写法
this.$router.go(-1);

  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
如果你使用了vue-router进行路由跳转,但是tab标签页没有跟着跳转,可能是因为你没有为tab标签页设置相应的路由。 一种解决方法是,为每个标签页设置一个对应的路由,然后在路由跳转时,同时更新选中的标签页。例如: ```javascript // 在路由配置中设置每个标签页对应的路由 const routes = [ { path: '/home', component: Home, meta: { tab: 'home' } }, { path: '/about', component: About, meta: { tab: 'about' } }, { path: '/contact', component: Contact, meta: { tab: 'contact' } } ]; // 在页面中使用<router-view>来显示当前路由对应的组件 <template> <div> <div class="tabs"> <div :class="{ active: activeTab === 'home' }" @click="selectTab('home')">Home</div> <div :class="{ active: activeTab === 'about' }" @click="selectTab('about')">About</div> <div :class="{ active: activeTab === 'contact' }" @click="selectTab('contact')">Contact</div> </div> <router-view></router-view> </div> </template> <script> export default { data() { return { activeTab: 'home' }; }, methods: { selectTab(tab) { // 更新选中的标签页 this.activeTab = tab; // 跳转到对应的路由 this.$router.push({ path: '/' + tab }); } }, watch: { // 监听路由变化,更新选中的标签页 $route(to) { this.activeTab = to.meta.tab; } } }; </script> ``` 这样,在跳转路由时,标签页也会跟着更新。如果你使用的是其他的标签页组件库,也可以根据类似的原理进行修改。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值