iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

深入探索PrimeVue 套件及元件寫法 系列

Vue 是一個漸進式的 JavaScript 框架,靈活性和高效的元件化設計,成為了前端開發者的熱門選擇。在這篇系列文章中,我們將深入探討如何使用 Vue 開發 UI 元件,以及 Vue 中元件寫法的基礎知識和實踐技巧。

參賽天數 3 天 | 共 29 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 2

Day11 - DataTable(1)-paginator

今天進入 DataTable 系列的第一篇,來談談如何建立自定義的 paginator 元件...先來個心靈雞湯~ Don’t let the past st...

DAY 2

Day12 - DataTable(2)-Default Table

今天進入 DataTable 系列的第二篇,這次要實作一個產品目錄表單,並進一步探討 PrimeVue DataTable 的排序 (sort) 和篩選 (fi...

DAY 2

Day13 - DataTable(3)-Expend Table

接續昨日表格部分,今天進行 DataTable(3) - Expand Table 的實作,進一步優化表格果,讓表格的每一列可以展開更多的資訊。 別忘了,今日心...

DAY 2

Day14 - Toast 訊息提示

今日介紹 PrimeVue 的 Toast 組件實現這類即時通知。適用情境:當雙11等大促期間,網購平台的用戶點擊心儀的商品時,系統可以彈出提示訊息,提醒用戶商...

DAY 2

Day15 -步驟條 Stepper

今日學習目標:步驟條(Stepper),是一個常用於引導用戶完成多步驟流程的組件。步驟條可以清晰地指示當前的進度,讓用戶了解自己處於哪一個步驟,提升用戶體驗。...

DAY 2

Day16- PickList 雙列表

今天要來做 PickList 元件,適用於場景資料分類和篩選、預約系統等。 元件庫要加點難度了... No cross, no crown.不經歷風雨,怎麼遇...

DAY 2

Day17-watermark 浮水印(Primevue番外篇)

今日主題 primevue番外篇-控制浮水印。 PrimeVue並沒有 浮水印套件,浮水印利用別的套件呈現,利用primvue元件來控制字體大小和內容等。 這次...

DAY 2

Day18- Modal 彈窗視圖

Modal 就是"彈窗視圖"適用情境:顯示詳細信息、流程引導等等。 今日送給自己一句話~ Spend your life in your...

DAY 2

Day19 上傳檔案 File Upload

You can’t be perfect but you can be unique.你不能十全十美,但你能獨一無二。 今天的學習中,我們將探討檔案上傳功能...

DAY 2

Day20-Carousel 輪撥圖

歡迎來到第20天,每天一點一滴努力,記錄自己的成長... You don’t have time to be timid.人生沒有時間膽怯。 一般網站適用組...