vue子組件created方法不執(zhí)行問題及解決
vue子組件created方法不執(zhí)行
近期做了一個項目 里面有一個樹形菜單,將數(shù)據(jù)寫在 js (死數(shù)據(jù))中,所有的東西都能夠正常執(zhí)行(i 標簽,子節(jié)點,父節(jié)點),但是當在請求接口文件或者請求后臺數(shù)據(jù)的時候,發(fā)現(xiàn)引入的子組件的created方法不執(zhí)行,但是點擊父級菜單展開時還是能夠觸發(fā),后來發(fā)現(xiàn) 是生命周期的問題,仔細查看一下,后來解決
解決方法
用watch 檢測一下data的數(shù)據(jù)變化,created方法既然在點擊的時候執(zhí)行,所以也必須保留,好啦,就這樣
created和mounted方法沒執(zhí)行問題
今天大意了,自己給自己整了一個問題,created方法和mounted方法沒執(zhí)行。
以為出了什么問題呢,原來是自己不小把這兩個方法寫到methods里面去了。
正確的是這兩個方法是在外面的。
搞烏龍了。記一下,下次不要再犯這種錯誤。
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue父組件向子組件傳值以及data和props的區(qū)別詳解
這篇文章主要介紹了Vue父組件向子組件傳值以及data和props的區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-03-03使用vue-draggable-plus實現(xiàn)拖拽排序
最近遇到一個需求,在 Vue3 的一個 H5 頁面當中點擊拖拽圖標上下拖動 tab 子項,然后點擊保存可以保存最新的 tab 項順序,同事說可以用 vue-draggable-plus 這個庫來實現(xiàn)拖拽,所以本文給大家介紹了如何使用vue-draggable-plus實現(xiàn)拖拽排序,需要的朋友可以參考下2024-01-01Vue el-table表頭上引入組件不能實時傳參解決方法分析
這篇文章主要介紹了Vue el-table表頭上引入組件不能實時傳參解決方法,總的來說這并不是一道難題,那為什么要拿出這道題介紹?拿出這道題真正想要傳達的是解題的思路,以及不斷優(yōu)化探尋最優(yōu)解的過程。希望通過這道題能給你帶來一種解題優(yōu)化的思路2022-11-11