利用promise解決vue非同步請求問題

2021-09-19 04:01:38 字數 481 閱讀 3405

用vue做專案首頁功能,設想的步驟是頁面非同步請求載入選單,由於剛載入的時候路徑是「/」,所以沒有對應的路由顯示頁面,這樣就會導致使用者體驗很差,所以就判定在路徑為『/』的時候,預設匹配到選單的第乙個子節點。**如下

loadmenu: function (user) ).catch(err => 

);let path = me.$route.fullpath;

if (path == '/')

}

loadtree:function()).catch(function (error) )

}))},

loadmenu: function (user)

},error=>)

}

這裡定義了乙個函式,返回的是promise函式,在loadmenu方法中呼叫該函式,利用promise的then屬性返回請求成功的值,再把值賦給meaus。

js利用Promise解決多次非同步請求問題

專案背景 上傳多張時需要利用exif,拿到的exif資訊,所以需要在乙個迴圈裡多次使用exif。而exif的exif.getdata 方法是非同步執行,所以產生多次非同步請求問題。解決方法 利用promise.all 解決。每次迴圈建立乙個promise物件,然後建立乙個promise物件陣列,利用...

vue 簡單介紹Promise

一般情況時有非同步操作時,使用promise對這個非同步操作進行封裝。一般分為兩步 new 建構函式 儲存一些狀態資訊 執行傳入的函式 用乙個簡單 實現以下,一層巢狀一層。每一次都執行這兩個步驟,雖 量略大,寫習慣後結構更加清晰。具體 如下 lang en charset utf 8 titleti...

Vue 前後端互動 (Promise)

目錄非同步呼叫 promise promise 常用api 物件方法 schema host port path query fragmentschema 協議 http ftp host 網域名稱或 ip 位址 port 埠 預設為 80 path 路徑 abc lzh 虛擬 用於區分資源 que...