文章詳情頁
javascript - vue axios 怎樣控制在不同組件中的執(zhí)行順序?
瀏覽:127日期:2023-02-10 08:17:26
問題描述
如題 我的案例是在公共組件中請求公共數(shù)據(jù),在子組件中的請求依賴公共數(shù)據(jù),如果公共數(shù)據(jù)還沒有請求到數(shù)據(jù),子組件就開始請求就會報(bào)錯(cuò),因?yàn)樽咏M件中的請求參數(shù)是公共組件中請求的結(jié)果,當(dāng)中用的vuex來傳遞的數(shù)據(jù),怎樣做才能公共數(shù)據(jù)請求完成進(jìn),子組件才開始請求???
問題解答
回答1:可以用vue的watch,wathc到vuex中的數(shù)據(jù)存在時(shí)才進(jìn)行子組件ajax請求
回答2:可以引入一個(gè)消息訂閱模型 https://github.com/holdnoWby/... VUE中也是一樣用的 參考/q/10... 這篇回答
回答3:感謝大家的答案 不過我用自己的辦法非常簡單的處理了,在APP.vue頁面執(zhí)行this.$store.dispatch(’setHomeData’) 請求只須在router-view 標(biāo)簽上加上v-if='homeData' 就可以了,只要有數(shù)據(jù)才會出現(xiàn)子組件頁面,才會執(zhí)行里面的請求。
標(biāo)簽:
JavaScript
上一條:javascript - 方法Object()里面?zhèn)鲄?shù)和不傳參數(shù)有什么區(qū)別?下一條:javascript - Vuex 實(shí)例名稱只能是store嗎
相關(guān)文章:
1. javascript - 這兩種函數(shù)寫法各有什么好處?2. 微信支付 - python做微信企業(yè)付款出現(xiàn)CA證書錯(cuò)誤3. 前端 - css3傾斜帶來問題部分?4. node.js - vue 子組件的菜單 如何與 父組件 通信?5. javascript - node環(huán)境使用vue-cli 配置代理6. 了解Java中的有限泛型。有什么意義?7. angular.js - 在ionic下,利用javascript導(dǎo)入百度地圖,pc端可以顯示,移動端無法顯示8. html5 - HTML代碼中的文字亂碼是怎么回事?9. html5 - 如何禁止百度轉(zhuǎn)碼?10. angular.js - vue or angular.2 or react
排行榜

熱門標(biāo)簽