鐵人檔案
實務上使用 PrimeVue 作為 Vue UI 元件庫開發，恰逢面臨更版，主要深入瞭解第四版的主要內容及與第三版的不同，並且記錄專案遷移的過程，期望藉由 30 天能更加掌握新版 PrimeVue。
在 Styled Mode 內有帶到客製主題的設定方法，今日來彙整下在實務上有使用到的主題設定。 definePreset 在安裝 PrimeVue 後，使用...
PrimeVue 提供各樣 icon 可顯示，須額外安裝 icon 套件 PrimeIcons，步驟如下： 使用 npm install primeicons...
由於 7 月份發出第四版正式版本，手邊剛起步的專案決定進行版本升級，以下記錄當時整個升版過程。 在第四版正式發出後，閱讀了官方的遷移說明文件，主要與第三版不同之...
前篇說明 PrimeVue 第四版的搬遷說明，及升版的環境設定。 此篇針對樣式及元件調整進行說明： 調整元件：部分元件名稱更名為較常見的名稱，比如：原先的...
官方文件將 PrimeVue 提供的元件分為以下 11 類： Form 將表單有關的輸入框、下拉選單、核取方塊等皆歸類在此。也提供相關 input 變體，如...
InputText InputText 為基本的輸入框元件，寫法如下： <InputText type="text" v-model=...
使用 Select 元件時，一般基本的使用如下，提供一個清單作為選單顯示： <script setup> import { ref } from &...
在 Form 分類內提供 SelectButton 元件，用在選擇選項時使用，提供多組按鈕提供點選。 用法如下： <script setup> im...
在 PrimeVue 中，各類型輸入框提供 invalid 樣式提示使用者輸入內容不符合驗證規則，本篇結合 vee-validate 表單驗證工具，說明安裝、設...
一般在功能較多的後台會使用手風琴 Accordion 元件作為選單的收納，根據功能種類將分配到對應的收合選單中，以下介紹 Accordion 元件： Prime...
