element-ui 內置的 v-loading 指令非常友好,只需要提供一個 Boolean 值就能實現加載動畫的一個指令。
具體的使用方法歸納為:接口請求到數據之前,顯示加載中。接口請求到數據之后,消失。
項目案例截圖:
具體的功能為當我點擊“查詢”按鈕之后,對應的查詢清單list會呈現出來

首先在需要加載的dom中加入v-loading=“loading”

在data 中定義初始化, loading: false,同時在mounted()中將 this.loading設置為true,再去請求接口。
同時在接口的回調函數中,將 this.loading 設為false,到達效果。


