native.vue 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <div id="native">
  3. <el-row>
  4. <!-- <el-menu :default-active="activeIndex" mode="horizontal" background-color="#850000" text-color="#fff" active-text-color="#fff" :router="true">
  5. <template v-for="(item, index) in menuList">
  6. <el-submenu v-if="item.children.length > 0" :index="`${index}`" :key="index">
  7. <template slot="title">
  8. {{ item.name }}
  9. </template>
  10. <el-menu-item v-for="(sub, subIndex) in item.children" :key="subIndex" :index="sub.path">{{ sub.name }}</el-menu-item>
  11. </el-submenu>
  12. <el-menu-item v-else :index="item.path" :key="index">{{ item.name }}</el-menu-item>
  13. </template>
  14. </el-menu> -->
  15. <el-menu
  16. :default-active="activeIndex2"
  17. class="el-menu-demo"
  18. mode="horizontal"
  19. @select="handleSelect"
  20. background-color="#850000"
  21. text-color="#fff"
  22. active-text-color="#fff"
  23. style="height:40px;"
  24. >
  25. <el-menu-item index="1">首页</el-menu-item>
  26. <el-submenu index="2">
  27. <template slot="title">招聘管理</template>
  28. <el-menu-item index="2-1">宣讲会</el-menu-item>
  29. <el-menu-item index="2-2">招聘会</el-menu-item>
  30. <el-menu-item index="2-3">职位管理</el-menu-item>
  31. </el-submenu>
  32. </el-menu>
  33. </el-row>
  34. </div>
  35. </template>
  36. <script>
  37. export default {
  38. name: 'native',
  39. props: {
  40. // menuList: null,
  41. },
  42. components: {},
  43. data: () => ({
  44. activeIndex2:'1'
  45. }),
  46. created() {},
  47. computed: {},
  48. methods: {
  49. handleSelect(key, keyPath) {
  50. // eslint-disable-next-line no-console
  51. console.log(key, keyPath);
  52. }
  53. },
  54. };
  55. </script>
  56. <style lang="less" scoped>
  57. .el-menu--horizontal>.el-menu-item{
  58. height: 40px;
  59. line-height:40px;
  60. }
  61. /deep/.el-menu--horizontal>.el-submenu .el-submenu__title{
  62. height: 40px;
  63. line-height:40px;
  64. }
  65. </style>