[前端记录] --- vue axios 等调用完再执行后面的语句
生活随笔
收集整理的這篇文章主要介紹了
[前端记录] --- vue axios 等调用完再执行后面的语句
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue 整合echarts的時候,是先axios 調用后臺接口,獲取數據,再將數據渲染到頁面。
一開始的問題是:第一次請求完,頁面沒數據,再請求一次才出現數據
分析到最后,發下是由于axios是異步請求的,所以先執行的數據渲染,請求的數據才返回來
這時候做了一個不對的判斷,就是我總是想著怎么把這個異步請求變成同步請求,花了半個小時左右研究,比如這篇文章:使用 async/await 將 axios 異步請求同步化處理
最后突然醒悟,不就是執行順序的問題么,我可以直接等異步請求調用回來,再把渲染的代碼放在回調函數中就行了,反正我請求回來是要用這些請求數據的。
總結:可能你覺得這個事情很簡單,但突然對我的感觸很深,很多時候我們都會犯類似的錯誤。
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的[前端记录] --- vue axios 等调用完再执行后面的语句的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: git大小写解决
- 下一篇: vue接收json数据_Vue之使用aj