Vue项目中created生命周期重复执行,未缓存下来
Vue项目中created生命周期重复执行,未缓存下来,原因是什么呢?
·
Vue项目中.vue文件的created函数进行路由切换时,执行了多次。
路由切换跳转时,发现一个页面的接口和页面展示每次进入都重新请求以及渲染,没有缓存下来,对比了一下的其它页面,并没有这个问题,所以说这个页面是特例,那么就说明这个页面的展示形式上有问题,一开始以为全局组件中用了keep-alive对页面做了缓存以及不缓存的处理,后来发现根本没有。
keep-alive组件既没用exclude,也没用include。
对照了一下其它页面,最后发现该.vue文件下的name采用了驼峰分割命名,其它页面没有,最后改成驼峰名与路由url名保持一致后,created函数就不会重复执行了!
补充说明:造成这种原因的地方在于路由文件跳转时采取的名称是每个.vue文件的name名,而路由跳转时写的名称都是驼峰名,而.vue文件中的name名与路由名两者不一致,但是也没报错,所以当时排查的时候,找了很久,差异区别就是.vue文件中的name名为user-admin,而路由跳转的name值为UserAdmin。
更多推荐
已为社区贡献9条内容
所有评论(0)