项目中遇到一个需求，下图左侧菜单，新增一个蓝天首页管理，但是蓝天首页管理的页面和工作台管理的页面一模一样，连请求接口都一样，两个模块的不同只是接口传参有一个type传不同的值，区分是工作台还是蓝天
image.png
像这种情况，如果重新把工作台管理页面复制一遍，能很快的实现需求，但是没必要，如果后期这两个模块都要修改一点内容，得改两次，增加工作量
本着尽可能复用组件的初衷，我们可以让两个路由使用同一个页面，在路由中传参判断是哪个模块
a88b83e04e5da61b14aee66eb6b33eb.png
fe9a0ae6ac454e0f7cce039fb7ca9e7.png
两种传参方法 1.命名路由传参(name, params方式) 2.路由路径传参(path, query方式...
1.路由的嵌套 案例 2.路由的传参 传参的两种方式 案例
路由组件传参 动态路由传参 静态路由传参 函数传参htm5 history 模式 设置通用路由，找不到页面跳转自定...
1. 路由配置 默认路由跳转 在 new Router时可用的配置参数： 2.路由传参 Vue路由传参的几种方式 ...
1.路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regi...
1.路由 2.路由的嵌套 3.路由的传参
1. 动态路由传参 建议用这个，刷新不会丢 2 query传参 3. state传参
项目中遇到一个需求，下图左侧菜单，新增一个蓝天首页管理，但是蓝天首页管理的页面和工作台管理的页面一模一样，连请求接...
路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regist...
限制单行文字长度 路由传参写法 ---- 声明式 路由传参写法 ---- 编程式 路由传参写法 ---- 路由里要...
本文标题：1.路由传参
本文链接：https://www.haomeiwen.com/subject/ilavtrtx.html
网友评论