关于简化代码-路由切换

标签:导航   一个   outer   efault   lis   style   problem   模式   default   

<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"
      },
}
}

 

关于简化代码-路由切换

标签:导航   一个   outer   efault   lis   style   problem   模式   default   

原文地址:https://www.cnblogs.com/lsyy2017/p/14260589.html

版权声明:完美者 发表于 2021-01-13 10:42:09。
转载请注明:关于简化代码-路由切换 | 完美导航

暂无评论

暂无评论...