怎么在vue路由器中动态路由设置参数可选

  介绍

怎么在vue路由器中动态路由设置参数可选?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

new 路由器({   路线:,才能   ,,,{   ,,,,,路径:,& # 39;/user/:页面/:id # 39;   ,,,,,名字:,& # 39;用户# 39;   ,,,,,组件:,(),=祝辞,进口(& # 39;页面/用户# 39;)   ,,,},   ,,,{   ,,,,,路径:,& # 39;* & # 39;   ,,,,,重定向:,& # 39;/回家# 39;   ,,,}   ,,)   })

<>强解决方法

参数配置改成可选的

<代码>路径:& # 39;/user/:页面吗?/:id ? & # 39;

<>强ps:下面看下vue-router动态添加路由

,,动态添加路由可以用了做权限管理。登录后服务器端返回权限菜单,前端动态添加路由,然后在设置菜单

, 1, vue-router 有方法<代码> router.addRoutes(路线),动态添加更多的路由规则。参数必须是一个符合,routes 选项要求的数组。

,,,,,,使用方法,

。美元router.options.routes [0] .children.push({//插入路由   ,名字:& # 39;列表# 39;   ,路径:& # 39;列表# 39;   ,组件:resolve =祝辞,要求((& # 39;. ./模板/list.vue& # 39;],,解决)//将组件用需要引进来   });   router.addRoutes美元。(这一点。router.options.routes美元);//调用addRoutes添加路由

我的路由文件:

export  default  new 路由器({   ,路线:[   {才能   ,,,路径:& # 39;/& # 39;   ,   ,,,组件:指数,   ,,},   {才能   ,,,路径:& # 39;/登录# 39;   ,,,的名字:& # 39;登录# 39;   ,,组件:登录   ,,}   ,)

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

怎么在vue路由器中动态路由设置参数可选