<template>
  <div style="margin-bottom:15px;">
    <el-menu
      :default-active="activeName"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleClick"
      v-if="thirdList.length > 0"
    >
      <el-menu-item
        :index="item.path"
        v-for="(item, index) in thirdList"
        :key="index"
        >{{ item.name }}</el-menu-item
      >
    </el-menu>
  </div>
</template>

<script>
export default {
  props: {
    thirdList: {
      type: Array,
      default: [],
    },
    activeName: {
      type: String,
      default: "",
    },
  },
  methods: {
    handleClick(key, keyPath) {
      this.$emit("handleClick", key);
    },
  },
  mounted() {
    console.log(this.activeName, ";ss");
  },
};
</script>

<style lang="less" scoped>
/deep/.el-menu-item {
  height: 41px;
  line-height: 41px;
}
</style>
