vue怎么二次封装elementui的tabPane，我放进封装好的tabs的插槽里没生效

tabs代码：

<template>
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <slot></slot>
    </el-tabs>
</template>

<script>
    export default {
        name: "tabs",
        data () {
            return {
                activeName: 'name1'
            }
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    }
</script>

<style scoped>

</style>

tabPane代码：

<template>
    <el-tab-pane label="用户管理" name="name1">用户管理1</el-tab-pane>
<!--    <el-tab-pane :label="label" :name="name"></el-tab-pane>-->
</template>

<script>
    export default {
        name: "tabPane",
        props: ['label', 'name']
    }
</script>

<style scoped>

</style>

调用：

<m-tabs>
      <m-tab-pane label="你好label2" name="name2"></m-tab-pane>
</m-tabs>

是无法显示还是事件不生效