整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ
Advertisement
2019-07-25
Vue
Vue 出一個女友吧!-loading
前言
接下來要來替產品新增、修改以及刪除時增加一個 loading 特效,這樣子對於使用者體驗也會比較好,那這邊就會使用到 vue-loading-overlay
起手式
由於這個套件會在全域使用,所以就要在 main.js 做一下修改加入以下原始碼
1 | |
接下來就是將以下這一段程式碼貼到 products 最前面
1 | |
並且新增一個資料叫做 isLoading: true

讓我們直接加入到 products 上看看吧,如果沒有問題的話就會出現讀取效果哩~

使用方式
那麼使用方式很簡單,我只舉例一個地方,因為其他地方做法都是一模模一樣樣,我用 getProducts() 做舉例
1 | |
那麼這樣子就可以在 AJAX 過程中出現 loading 效果,成功取得後就會自動消失 loading~
整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ
Advertisement
我想要說...
ray — -zsh — 80x24
➜
~
mkdir israynotarray
➜
~
cd israynotarray
➜
israynotarray
git:(main)
pnpm run start