v-loading


element-ui 內置的 v-loading 指令非常友好,只需要提供一個 Boolean 值就能實現加載動畫的一個指令。
具體的使用方法歸納為:接口請求到數據之前,顯示加載中。接口請求到數據之后,消失。

項目案例截圖:
具體的功能為當我點擊“查詢”按鈕之后,對應的查詢清單list會呈現出來
在這里插入圖片描述
首先在需要加載的dom中加入v-loading=“loading”
在這里插入圖片描述
在data 中定義初始化, loading: false,同時在mounted()中將 this.loading設置為true,再去請求接口。
同時在接口的回調函數中,將 this.loading 設為false,到達效果。
在這里插入圖片描述
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM