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>