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。
總結
以上是生活随笔為你收集整理的Vue项目中created生命周期重复执行,未缓存下来的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浏阳计算机学习,浏阳十五岁孩子中等职业技
- 下一篇: SQLite在指定列后面插入字段_exc