d2-admin-路由菜单

d2-admin 路由菜单记录

路由格式如下

expore const frameIn =[{path: "index",name: "index",title: "首页",icon: "home",component: _import("system/index"),children:[{path: "role",name: "role",title: "角色管理",icon: "user-circle"]}
]

在main.js中

import { frameIn } from "@/router/routes";// 设置侧边栏菜单
this.$store.commit("d2admin/menu/asideSet", frameIn);

d2-admin 菜单渲染过程

在src/layout/header-aside/components/menu-side中
使用jsx处理渲染菜单

render(h) {return (<div class="d2-layout-header-aside-menu-side"><el-menucollapse={this.asideCollapse}collapseTransition={this.asideTransition}uniqueOpened={true}defaultActive={this.$route.fullPath}ref="menu"onSelect={this.handleMenuSelect}>{this.aside.map(menu => createMenu.call(this, h, menu))}</el-menu>{this.aside.length === 0 && !this.asideCollapse ? (<divclass="d2-layout-header-aside-menu-empty"flex="dir:top main:center cross:center"><d2-icon name="inbox"></d2-icon><span>没有侧栏菜单</span></div>) : null}</div>);},
computed: {...mapState("d2admin/menu", ["aside", "asideCollapse", "asideTransition"])},

d2-admin-路由菜单相关推荐

Vue iView Admin 动态路由菜单加载前后端分离（springboot 2.x iview admin vue 前后端分离模型设计器动态数据权限...
宣传官网 xb.exrick.cn 在线Demo xboot.exrick.cn 开源版Github地址 github.com/Exrick/x-bo- 开发文档 www.kancloud.cn/ex ...
Vue3 + TS 使用 element-plus 的Icon组件（包括动态路由菜单图标）
1.安装包 # NPM npm install @element-plus/icons-vue # Yarn yarn add @element-plus/icons-vue 2.全局注册 impor ...
初始 D2 Admin
1.安装D2 admin 输入:npm install -g @d2-admin/d2-admin-cli 2.创建D2 项目 ,可以选择简洁版或者完整版输入:d2 create 3.然后进入创建 ...
D2 Admin 关于主动关闭tab标签
D2 Admin 主动关闭tab标签因为是在新的页面进行提交编辑操作,提交完成得到成功信息后要关闭这个页面,记录下操作过程: 在要关闭的页面: import { mapState, mapActio ...
D2 Admin CLI 快速生成 D2 Admin项目
介绍 D2 Admin CLI 是一个基于 D2 Admin 的脚手架系统,可以快速生成 D2 Admin 项目. 安装使用npm npm install -g @d2-admin/d2-admin ...
vue 动态生成路由菜单（从后端请求到菜单数据，生成左侧菜单栏）
最近在学习vue,用vue+element ui搞一个管理后台的demo,发现网上好多菜单信息都放在前端js文件中,然后后端返回的角色去匹配对应的菜单信息.我自己不太喜欢这种方式,最后自己写了一套登录 ...
D2 Admin 环境变量和模式
环境变量和模式概述: 可以替换项目根目录中的下列文件来指定环境变量: .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入,但会被 git 忽略 .env.[mode] ...
Vue 权限菜单（动态路由）详解
今天记录一下Vue的权限菜单(动态路由),在我们写后台的时候用的比较多,Vue的权限菜单分两种,一种是通过本地进行,根据账号的权限进行筛选出可用的权限,组合菜单并在页面上渲染显示,另一种是根据登录的账 ...
Asp.net Mvc 多级控制器路由重写及多级Views目录的寻找视图的规则（多级路由）如：Admin/Test/Index...
http://blog.csdn.net/buhuan123/article/details/26387427 目录(?)[-] 1那么我们再来看我们需要的访问方式如下图 razor视图的地址写成通配 ...
ant design pro （三）路由和菜单
一.概述参看地址:https://pro.ant.design/docs/router-and-nav-cn 二.原文摘要路由和菜单是组织起一个应用的关键骨架,我们的脚手架提供了一些基本的工具及模 ...

d2-admin-路由菜单

d2-admin 路由菜单记录

d2-admin 菜单渲染过程

d2-admin-路由菜单相关推荐

最新文章

热门文章