T
a
b
s
标
签
页
Tabs标签页
Tabs标签页
<template>
<div class="">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="分数" name="score">分数</el-tab-pane>
<el-tab-pane label="stars" name="star">stars</el-tab-pane>
</el-tabs>
</div>
</template>
<script type="text/ecmascript-6">
import {Tabs,TabPane} from "element-ui"
export default {
name: "Index.vue",
data() {
return {
activeName:"score"
}
},
components:{
[Tabs.name]:Tabs,
[TabPane.name]:TabPane,
},
methods:{
handleClick(tab, event) {
console.log(tab, event);
}
}
}
</script>
<style scoped lang='scss'>
</style>