aq-router-tabs
v1.0.10
Published
基于vue3+vite+element-plus开发的一个顶部路由导航菜单组件
Downloads
5
Maintainers
Readme
#简介 基于vue3+vite+element-plus开发的一个顶部路由导航菜单组件
#开发组件的原因 在vue2版本中有router-tab插件来满足后台管理系统中顶部的路由管理,但是在vue3中没有这类的插件
#参数传递 maxNumber:用于控制路由显示的数量,默认是10个,超出10个新增的路由会在末尾追加,最前面的路由会被删除,如果标签超出页面宽度会展示滚动条
#实现的功能 路由右键有5个功能分别是:刷新、关闭当前标签、关闭其它标签、关闭左侧标签、关闭右侧标签
#使用 npm安装:npm i aq-router-tabs 页面使用:
#使用说明 1、由于该组件已将嵌入组件中,所以在项目中将替换成即可 2、为了美化页面效果,组件中使用插件替换默认的滚动条,当内容超出高度时会显示滚动条,让界面更好看 3、顶部如果设置的maxNumber数量过多,也会显示滚动条 4、如果要设置当前页面的高度为100%,请使用flex: 1;(height: 100%;无效),因为在组件中已对父组件设置flex布局和默认100%高度,内容页面的最外层容器宽度设置flex: 1;即可继承父组件100%高度