关于简化代码-路由切换

<el-menu

          :default-active="element.active"

          :router="element.router"

        >

          <el-menu-item style="margin-left: 150px;" index="/index">首页</el-menu-item>

          <el-menu-item style="margin-left: 20px;" index="/problem">问题</el-menu-item>

          <el-menu-item style="margin-left: 20px;" index="/state">状态</el-menu-item>

          <el-menu-item style="margin-left: 20px;" index="/hmwklist">作业</el-menu-item>

          <el-menu-item style="margin-left: 20px;" index="/examlist">考试</el-menu-item>

          <el-menu-item style="margin-left: 20px;" index="/faq">FAQ</el-menu-item>

</el-menu>

 

export default {

  data() {

    return {

      element: {

        //是否只保持一个子菜单的展开

        opened: true,

        //是否使用 vue-router 的模式

        //启用该模式会在激活导航时以 index 作为 path 进行路由跳转

        router: true,

        //当前激活菜单的 index

        active: "/problem"

      },

}

}