中国码农网

您现在的位置是:网站首页>Vue

Vue

Antdvue实战-动态路由4

码农是干什么的2024-03-11VueVUE相机
Antdvue实战-动态路由4,VUE相机,vue状态管理,Antd是蚂蚁金服开源出来的一套前端框架,目前在生产上用的不会很多,特别是VUE版本,小编在最近工作需要,用到此框架,在需要设置动态路由的时候,遇到了一个坑。原先的

Antdvue实战-动态路由4

   Antd是蚂蚁金服开源出来的一套前端框架,目前在生产上用的不会很多,特别是VUE版本,小编在最近工作需要,用到此框架,在需要设置动态路由的时候,遇到了一个坑。

   原先的动态路由上的数据,从目录src/mock/services/user.js此文件中的userN参数获取,但是小编把此文件的目录放到后台,并输出ON字符串后,如下图所示

   这样子的结果正常应该没什么问题,但是一直报404错误,找不到路由,很明显就是路由器没加载上。

   把两者的数据出来对比,发现区别就在于数据中的id与parentId,一个是字符串,一个是数字,此时找路由生成的源码在src/router/generator-routers.js这个文件里面的-vue.js框架istToTree方法,具体怎么改如下:

   特vue更新