elementUI tab页切换周期问题

Question

elementUI tab页切换的时候，对应的tab-pane组件我用的动态组件，然后就发现他只触发mounted事件，离开的时候没有事件触发。
用tab标签的before-leave，又发现oldActiveName拿不到,会报错undefine.

而且有时候页面刚进来，在第一个页面做操作的时候，before-leave会触发多次第一个标签进入。那位大神看下，问题出在哪里。代码如下，

<div class="company-page">
        <el-tabs v-model="activeName" type="card" :before-leave="clearTime(activeName,oldActiveName)" @tab-click="handleClick">
            <el-tab-pane :key="item.tapKey" v-has="item.tapKey" v-for="(item, index) in actList" :label="item.tapName" :name="item.tapKey">
                
            </el-tab-pane>
        </el-tabs>
        <main  class='pageBox main'>
            <component :ref="activeComponent"  :is='activeComponent'></component>
        </main>
    </div>

Answer 1

:before-leave="clearTime"

Answer 2

可以参考下这个例子，el-tabs 里面是嵌套路由：网址

Answer 3

今天遇到了类似问题，el-tab的:before-leave钩子一直不生效。然后才发现是element-ui版本太低。公司项目的element用的是2.1.0。
:before-leave是2.4.0版本新增的属性。

Answer 4

请问您有好的解决办法了吗？