鐵人檔案
實務上使用 PrimeVue 作為 Vue UI 元件庫開發，恰逢面臨更版，主要深入瞭解第四版的主要內容及與第三版的不同，並且記錄專案遷移的過程，期望藉由 30 天能更加掌握新版 PrimeVue。
Toast 元件在應用主要在提示使用者的訊息，通常使用在 API 回傳時成功的訊息顯示，並設定秒數到達後自動隱藏。(若 API 回傳錯誤個人習慣採用 Confi...
ConfirmDialog 目前在實作上用於 API 回傳時失敗作為訊息顯示，主要在提示使用者操作錯誤或系統運作錯誤的情況。 PrimeVue 提供 Confi...
Dialog 為一個覆蓋在畫面上的視窗，用來顯示各式資訊。在後臺顯示上會以表格顯示資料清單，針對詳細資料不多的情況下會透過編輯或新增的按鈕，叫起 Dialog...
表格常用於後台列表的顯示，PrimeVue 提供的 Datatable 元件提供多種 table 的操作功能，對於後臺表格的操作能夠帶給使用者較佳的體驗。以下針...
上一篇介紹 DataTable 常見的操作，此篇會繼續介紹 DataTable 實用功能： Pagination 當資料較多時會需要分頁切換，加上 pagina...
今日持續探討 DataTable 相關功能： frozen frozen 為凍結視窗，可分別應用在 row 及 column 上。 Row Frozen 若將特...
File 類元件提供上傳檔案的 FileUpload 元件，可支援拖曳檔案事件，並同時上傳多個檔案以及選擇檔案後自動上傳等功能。 基本用法 <FileUp...
今天來試試 Media 類的元件，主要包含輪播及圖片相關的顯示。 Galleria 意為畫廊，此元件為圖片展示並結合輪播功能的元件，基本設定的屬性如下： va...
回頭看下 Form 元件類內有個 Slider 的滾軸設定，根據拖曳滾軸的方式可方便變更輸入值。 基本使用如下，並搭配 InputText 輸入框雙向檢視輸入值...
最後是 Misc 類的介紹，挑選幾個較常見元件： ScrollTop 基本用法 針對內容太長的頁面，若要提供「回到最上面」的功能，直接在 App.vue 加入...
