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>