首页 > 其他分享 >vue-route路由meta对象参数说明

vue-route路由meta对象参数说明

时间:2023-05-31 18:34:01浏览次数:43  
标签:菜单 是否 route meta isIframe vue tagsView 路由

/**
 * 路由meta对象参数说明
 * meta: {
 *      title:          菜单栏及 tagsView 栏、菜单搜索名称(国际化)
 *      isLink:        是否超链接菜单,开启外链条件,`1、isLink:true 2、链接地址不为空`
 *      isHide:        是否隐藏此路由
 *      activeMenu      菜单高亮(详情时,父级高亮)
 *      isKeepAlive:   是否缓存组件状态
 *      isAffix:       是否固定在 tagsView 栏上
 *      isIframe:      是否内嵌窗口,,开启条件,`1、isIframe:true 2、链接地址不为空`
 *      roles:          当前路由权限标识,取角色管理。控制路由显示、隐藏。超级管理员:admin 普通角色:common
 *      icon:          菜单、tagsView 图标,阿里:加 `iconfont xxx`,fontawesome:加 `fa xxx`
 * }
 */

 

标签:菜单,是否,route,meta,isIframe,vue,tagsView,路由
From: https://www.cnblogs.com/BKY88888888/p/17447017.html

相关文章

  • 在 nginx 服务器上发布vue项目 步骤与配置
    1.在vscode中使用yarnbuild:prod进行vue项目的发布2.进入发布文件3.下载nginx的windows版https://nginx.org/en/download.html4.将发布好的文件放入nginx解压后的html文件夹中5.修改nginx的配置文件打开nginx的配置文件配置完成使用命令打开nginx至此发布......
  • HTML 全屏水印 vue 全屏水印
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>水印</title><style>#water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;}.mask_div{pointer-......
  • vue事件基本使用总结
    vue事件的基本使用:1、使用v-on:xxx或@xxx绑定事件,其中xxx是事件名2、事件的回调需要配置咋methods对象中,最终会挂载在vue实例对象上3、methods中配置的函数,不要用箭头函数,否则this就不会只想vue实例了4、methods中配置的函数,都是被Vue所管理的函数,this指向的是vue实例或组件实......
  • Metasploit(1)
    Metasploit是一个开源的渗透测试框架(平台),数据库为postgresql渗透流程:信息收集->漏洞探测->漏洞利用->权限提升->后门植入->痕迹清除systemctlstatuspostgresql#查看当前数据库状态systemctlstartpostgresql#开启数据库Metasploit的模块msfconsole#msf控制台msf......
  • vue开场动画
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><metaname="renderer"content="webkit">......
  • vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
    使用qrcodejs2生成二维码的方法:/***二维码生成*@paramcontent生成二维码内容*@paramdesc二维码底部描述*@paramqrcodeDom挂在dom*@returns{*|HTMLDivElement}*/exportfunctiongeneratorQrcode(content,desc,qrcodeDom=null){constqrcodeCo......
  • vue3 整数还是显示整数,有小数的保留两位小数显示,写一个指令
    1、新建number-format.tsimport{Directive,DirectiveBinding}from"vue";constnumberFormat:Directive={ mounted(el,binding:DirectiveBinding){  constvalue=binding.value.text||"0";  constparsedValue=parseFloat(valu......
  • vue3 整数还是显示整数,有小数的保留两位小数显示,并显示千分符,写一个指令
    1、新建number-thousander-format.tsimport{Directive,DirectiveBinding}from"vue";constnumberThousanderFormat:Directive={ mounted(el,binding:DirectiveBinding){  constvalue=binding.value.text||"0";  constparsedV......
  • 第五篇 - 搭建一个Vue项目
    上一节创建了一个SpringBoot的后端登录功能,接下来创建一个Vue项目实现前端登录页面一、创建一个Vue项目将Vue项目创建到springbootdemo1项目中。打开idea的Terminal,运行【vueinitwebpackvuetest】,后面都按enter/Y/n等就行。稍等一会,vue项目就创建好了。 二、运行Vue项......
  • Vue07-Axios
    Axiosaxios是一个网络请求相关的库。axios:ajaxi/osystem使用axios编写的网络请求代码,可以运行在浏览器端,也可以在Node环境中运行。01.支持的请求方式axios(config)axios.request(config)axios.get(url[,config])axios.delete(url[,config])axios.head......