vue动态路由结合vuex实现

作为第一次接触动态路由捯饬了一天,很简单但是总是有各种的坑来给你造成困扰,

我把我写出来的思路和大家分享下,

一.route.JS中获取后台菜单数据(切记文件夹的名字得和返回的数据匹配,不然找不到路径)

vue动态路由结合vuex实现_第1张图片

 

二。通过遍历把获取的数据变成路由格式,

vue动态路由结合vuex实现_第2张图片

 

三。在前置路由守卫处调用该函数

vue动态路由结合vuex实现_第3张图片

 补充:

1.碰到的坑:

文件夹的名字得和后台传回的一致,

刷新空白问题,加文中next ..to

直接把二级路由push到整个路由表中,没注意一二级,

你可能感兴趣的:(项目笔记,vue.js,javascript,前端)