admin-cms-1/src/layout/layout-part/menus.vue

<template>
  <div id="menus">
    <el-menu :default-active="thisRouter()" class="el-menu-vertical-demo" :router="false" :default-openeds="defalutMenu" @select="to">
      <el-menu-item index="/"> <i class="el-icon-s-grid"></i>首页 </el-menu-item>
      <el-menu-item index="/government/index"> <i class="el-icon-s-grid"></i>科技政务</el-menu-item>
      <el-menu-item index="/policy/index"> <i class="el-icon-s-grid"></i>科技政策</el-menu-item>
      <el-menu-item index="/record/index"> <i class="el-icon-s-grid"></i>科技数据</el-menu-item>
      <el-menu-item index="/serve/index"> <i class="el-icon-s-grid"></i>科技服务</el-menu-item>
      <!-- <el-menu-item index="/resource/index"> <i class="el-icon-s-grid"></i>科技资源</el-menu-item> -->
      <el-submenu index="1">
        <template v-slot:title>
          <i class="el-icon-s-grid"></i>
          <span>科技人才</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/personnel/column">栏目管理</el-menu-item>
          <el-menu-item index="/personnel/recruit">招聘信息管理</el-menu-item>
          <el-menu-item index="/personnel/resume">人才信息管理</el-menu-item>
          <el-menu-item index="/personnel/experts">专家信息管理</el-menu-item>
          <el-menu-item index="/personnel/informate">基本信息管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template v-slot:title>
          <i class="el-icon-s-grid"></i>
          <span>科技超市管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/enterprise/index">科技超市商品审核管理</el-menu-item>
          <el-menu-item index="/enterprise/transaction">科技超市交易状态审核管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-menu-item index="/site/index"> <i class="el-icon-s-grid"></i>站点信息管理</el-menu-item>
      <el-menu-item index="/user/index"> <i class="el-icon-s-grid"></i>用户管理</el-menu-item>
      <el-menu-item index="/links/index"> <i class="el-icon-attract"></i>友情链接管理</el-menu-item>
      <!-- <el-menu-item index="/supermaket/chanpinType"> <i class="el-icon-s-grid"></i>产品类型字典表</el-menu-item> -->
      <el-menu-item index="/dictionary"> <i class="el-icon-attract"></i>平台字典管理</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: 'menus',
  props: {},
  components: {},
  data: () => ({
    // defalutMenu: ['1', '2', '3'],
    defalutMenu: [],
    defalutPage: '',
  }),
  created() {},
  computed: {},
  methods: {
    thisRouter() {
      console.log(this.$route.path);
    },
    to(index) {
      this.$router.push({ path: index });
    },
  },
};
</script>

<style lang="less" scoped></style>