<template>
  <div class="tabs-base">
    <hive-tabs v-model="value">
      <hive-tabs-pane
        label="菜单1"
        value="菜单1"
      >
        <div>111</div>
      </hive-tabs-pane>
      <hive-tabs-pane
        label="菜单2"
        value="菜单2"
      >
        <div>222</div>
      </hive-tabs-pane>
      <hive-tabs-pane
        label="菜单3"
        value="菜单3"
      >
        <div>333</div>
      </hive-tabs-pane>
    </hive-tabs>
    当前的value：{{ value }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '菜单1'
    };
  },
  methods: {
    clickTab(e) {
      console.log(e);
    }
  }
};
</script>
