以下代码参考自CSDN博主「fenyuduanchangren」，感谢感谢！
版权声明：本文为CSDN博主「fenyuduanchangren」的原创文章
原文链接：https://blog.csdn.net/fenyuduanchangren/article/details/104139106

注：2.0版本内源码也有写provide的关闭tab方法，具体调用可以参考：https://blog.csdn.net/loa_loa/article/details/107997589

 

1.修改框架tab样式页面 src/components/layouts/TabLayout.vue

（1）

        <keep-alive v-if="multipage">

          <router-view v-if="reloadFlag" :closeTab="closeTab"/>

        </keep-alive>

 

（2）

methods:{

closeTab(key){

        this.remove(key);

      },

}

 

 

2.修改框架路由页面 src/components/layouts/RouteView.vue

  export default {

    props:{

      closeTab:{

        type:Function,

        default:null

      }

    },

...

    methods:{

      closeRouteViewTab(key){

        if(this.closeTab){

          this.closeTab(key);

        }

      }

    }

  }

 

3.在使用的页面调用方法实现关闭当前页

this.$parent.closeRouteViewTab(this.$route.path)