Vue项目中.vue文件的created函数进行路由切换时,执行了多次。


路由切换跳转时,发现一个页面的接口和页面展示每次进入都重新请求以及渲染,没有缓存下来,对比了一下的其它页面,并没有这个问题,所以说这个页面是特例,那么就说明这个页面的展示形式上有问题,一开始以为全局组件中用了keep-alive对页面做了缓存以及不缓存的处理,后来发现根本没有。

keep-alive组件既没用exclude,也没用include。

对照了一下其它页面,最后发现该.vue文件下的name采用了驼峰分割命名,其它页面没有,最后改成驼峰名与路由url名保持一致后,created函数就不会重复执行了!

 

补充说明:造成这种原因的地方在于路由文件跳转时采取的名称是每个.vue文件的name名,而路由跳转时写的名称都是驼峰名,而.vue文件中的name名与路由名两者不一致,但是也没报错,所以当时排查的时候,找了很久,差异区别就是.vue文件中的name名为user-admin,而路由跳转的name值为UserAdmin。

Logo

前往低代码交流专区

更多推荐