首页 > 其他分享 >若依前端菜单管理中路由地址、组件路径、权限字符的使用

若依前端菜单管理中路由地址、组件路径、权限字符的使用

时间:2024-10-15 10:11:00浏览次数:8  
标签:菜单 views 前端 若依 组件 权限 页面

过段时间就忘了,赶紧动笔记下来 —— 鲁迅

创建菜单时,页面上需要填写几个关键信息,以下为个人理解欢迎指正

路由地址

菜单类型是目录和菜单时都需要,目录类型时填写views下目录名称,菜单类型时填写vue文件所在(子)目录名,下面分开举例。先看一个效果图
image
image

企业管理是目录类型,企业信息和营业设置是菜单类型,如果将views看作前端页面根目录,路由地址就是其下面与新建菜单对应的子目录名。

组件路径

组件路径更好理解些,即组件(vue页面)的相对于views的相对路径,不要用/开头。
image

权限字符

写在前端组件(页面)中用于控制访问权限的标识,没有具体规定格式,默认俗称用冒号分割,便于识别

标签:菜单,views,前端,若依,组件,权限,页面
From: https://www.cnblogs.com/cinlap/p/18466901

相关文章

  • Vue组件及组件化:深入解析与组件生命周期
    Vue组件及组件化:深入解析与组件生命周期Vue.js作为一款渐进式JavaScript框架,凭借其易用性、灵活性和高性能,在前端开发领域占据了一席之地。其中,组件化开发是Vue.js的核心特性之一,它极大地提高了代码的可复用性、可维护性和可测试性。本文将深入解析Vue组件及组件化的概念,并......
  • Spring Cloud Alibaba 体系-组件-Sentinel
    Sentinel是阿里巴巴开源的一款面向分布式服务架构的流量控制组件,主要用于处理微服务中的限流、熔断和降级,帮助提高系统的稳定性和可靠性。它在微服务架构中,尤其是与SpringCloud、Dubbo等框架结合时,起到了至关重要的保护作用。1.限流、熔断、降级的概念限流(RateLimitin......
  • React组件通信
    React组件通信一、父传子方式1:​通过在子组件标签上设置属性值传递,子组件函数通过props参数接收如://定义子组件functionSon(props){//通过标签属性传递,属性以及对应的值都会通过props参数接收return<div>父组件传递的属性值:name={props.name}</div>......
  • C# WinForm 菜单项的大小、高宽的手动控制
    转载:C#WinForm菜单项的大小、高宽的手动控制-清潭荷韵-博客园(cnblogs.com)感觉有用,怕搜不到,于是转一下控制菜单项的第一级的下级菜单项的大小:直接通过(ContextMenuStrip对象).AutoSize=false、(ContextMenuStrip对象).Size=newSize(50,50)就可以控制大小。控制......
  • adminPage-vue3依赖 v1.2.0新增组件 DetailsModule说明文档
    adminPage-vue3依赖v1.2.0新增组件DetailsModule说明文档引入思路介绍DetailsModuleAPI汇总属性插槽自定义对象config(array<object\>/object类型)config.list(array<object\>类型)使用基础使用范例config-titleconfig-moduleKeyconfig-listconfig-list-slotNamec......
  • Windows11右键菜单一取消/恢复Win11二级菜单
    Win11更新后,右键菜单很多功能使用时需要点击“显示更多选型”才能获取完整功能,以下有几种方法可以自动展开Win11的二级菜单,恢复到Win10模式。​方法一:reg1.按住win+R打开运行窗口​2.输入【regedit】进入注册表编辑器定位到以下位置:计算机\HKEY_CURRENT_USER\Software\Cl......
  • vue之间的传值问题---7ref实现组件之间传值
    1.父组件向子组件传值:父组件可以通过ref属性获取子组件的实例,进而访问子组件的方法和数据。父组件<template><div><child-componentref="child"></child-component><button@click="sendToChild">SendtoChild</button></div><......
  • vue之间的传值问题---6eventbus 可以实现兄弟组件通信
    1.传递数据的组件:通过eventbus中的方法$emit来发布自定义事件,并且传递数据2.接收数据的组件:通过eventbus中的方法$on来订阅事件,并通过回调函数接收数据//手写发布订阅模式classEventBus{//记录事件和回调clientList={send:[()=>{},()=>{}],}//......
  • Spring Cloud 常用组件详解
    概述SpringCloud是一套微服务架构的开发工具,它为开发者提供了在分布式系统(尤其是微服务架构)中常见的那些模式的实现,例如服务发现、配置管理、断路器、智能路由、微代理、控制总线、一次性令牌、全局锁、决策竞选、分布式会话等等。这些模式都是围绕着微服务架构这一核心理念......
  • react父级组件和子组件方法互相调用
    1、父组件调用子组件:(1)方法一:自定义属性+useImpretiveHandle父组件://React是模块引入,useRef和useEffect是具体引入importReact,{useRef,useEffect}from'react';importChildComponentfrom'./ChildComponent';functionParentComponent(){constchildRef=useRef......