vue子組件created方法不執(zhí)行問題及解決
更新時間：2022年10月17日 10:46:26 作者：小小米粒吖
這篇文章主要介紹了vue子組件created方法不執(zhí)行問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue子組件created方法不執(zhí)行
近期做了一個項(xiàng)目 里面有一個樹形菜單，將數(shù)據(jù)寫在 js （死數(shù)據(jù)）中,所有的東西都能夠正常執(zhí)行（i 標(biāo)簽，子節(jié)點(diǎn)，父節(jié)點(diǎn)），但是當(dāng)在請求接口文件或者請求后臺數(shù)據(jù)的時候，發(fā)現(xiàn)引入的子組件的created方法不執(zhí)行，但是點(diǎn)擊父級菜單展開時還是能夠觸發(fā)，后來發(fā)現(xiàn) 是生命周期的問題，仔細(xì)查看一下，后來解決
解決方法
用watch 檢測一下data的數(shù)據(jù)變化，created方法既然在點(diǎn)擊的時候執(zhí)行，所以也必須保留，好啦，就這樣
created和mounted方法沒執(zhí)行問題
今天大意了，自己給自己整了一個問題，created方法和mounted方法沒執(zhí)行。
以為出了什么問題呢，原來是自己不小把這兩個方法寫到methods里面去了。
正確的是這兩個方法是在外面的。
搞烏龍了。記一下，下次不要再犯這種錯誤。
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue 查看dist文件里的結(jié)構(gòu)(多種方式)
本文通過三種方式給大家介紹了vue 查看dist文件里的結(jié)構(gòu),非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
Vue3 axios配置以及cookie的使用方法實(shí)例演示
這篇文章主要介紹了Vue3 axios配置以及cookie的使用方法,需要的朋友可以參考下2023-02-02
本文主要介紹了Vue3中列表拖拽排序的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
Vue父組件向子組件傳值以及data和props的區(qū)別詳解
這篇文章主要介紹了Vue父組件向子組件傳值以及data和props的區(qū)別詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
vue項(xiàng)目網(wǎng)頁自適應(yīng)等比例放大縮小實(shí)例代碼
等比例縮放可以在不同的分辨率下都能夠一屏展示,不會有滾動條的問題,也不會有適配問題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目網(wǎng)頁自適應(yīng)等比例放大縮小的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細(xì)介紹了Vue+Flask實(shí)現(xiàn)圖片傳輸功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
使用vue-draggable-plus實(shí)現(xiàn)拖拽排序
最近遇到一個需求,在 Vue3 的一個 H5 頁面當(dāng)中點(diǎn)擊拖拽圖標(biāo)上下拖動 tab 子項(xiàng),然后點(diǎn)擊保存可以保存最新的 tab 項(xiàng)順序,同事說可以用 vue-draggable-plus 這個庫來實(shí)現(xiàn)拖拽,所以本文給大家介紹了如何使用vue-draggable-plus實(shí)現(xiàn)拖拽排序,需要的朋友可以參考下2024-01-01
Vue el-table表頭上引入組件不能實(shí)時傳參解決方法分析
這篇文章主要介紹了Vue el-table表頭上引入組件不能實(shí)時傳參解決方法，總的來說這并不是一道難題，那為什么要拿出這道題介紹？拿出這道題真正想要傳達(dá)的是解題的思路，以及不斷優(yōu)化探尋最優(yōu)解的過程。希望通過這道題能給你帶來一種解題優(yōu)化的思路2022-11-11
vue 項(xiàng)目全屏插件screenfull使用案例
這篇文章主要介紹了vue 項(xiàng)目全屏插件screenfull使用案例,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
這篇文章主要為大家詳細(xì)介紹了Vue之Axios的異步通信，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03