Greasy Fork

来自缓存

Greasy Fork is available in English.

Vue路由一键切换助手

在Vue项目中生成可拖拽菜单,显示所有路由,支持快速跳转

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
Fairly
日安装量
0
总安装量
3
评分
0 0 0
版本
1.0.2
创建于
2026-04-24
更新于
2026-04-24
大小
14.5 KB
许可证
MIT
适用于
所有网站

Vue路由一键切换助手 - 插件介绍 📖 插件简介 Vue路由一键切换助手 是一款专为Vue.js开发者设计的油猴脚本(Tampermonkey脚本),能够在任何Vue单页应用(SPA)页面上生成一个可拖拽的悬浮菜单,帮助开发者快速查看并切换当前应用的所有路由,极大提升开发和调试效率。

✨ 核心功能

  1. 路由全景展示 自动识别并读取当前Vue项目的路由配置

以树形结构展示所有路由(包括嵌套路由)

每个路由同时显示路由名称和路径地址,一目了然

  1. 一键快速跳转 点击任意路由项即可触发router.push()跳转

支持动态路由(保留参数占位符,便于识别)

当前激活的路由会高亮显示

  1. 可拖拽悬浮菜单 菜单默认位于页面右上角

随意拖拽:鼠标按住菜单可拖动到屏幕任意位置

自动边界检测,不会拖出可视区域

  1. 智能适配 同时兼容 Vue 2 和 Vue 3 项目

自动检测路由实例,支持SPA路由变化后重新获取

适配各种UI框架(Element UI、Ant Design Vue、Vuetify等)

  1. 路由实时更新 每次打开下拉菜单时,自动刷新最新的路由列表

支持动态添加的路由(权限路由、异步路由)

🎯 适用场景 场景 说明 Vue项目开发调试 快速在多个页面间跳转,无需手动修改URL 学习Vue Router 直观查看路由配置与层级关系 代码审查/测试 快速遍历所有页面,检查页面是否正常 大型后台管理系统 路由数量多、嵌套深,一键切换大幅提升效率