Vue
含有「Vue」共 42 篇內容
全部內容
發佈日期由新至舊
在設計輸入日期的表單時，有時我們會需要限定時間範圍。
像是常見的網銀帳戶記錄，很多就有類似從今天開始前的一年內為查詢範圍的限制，有時候就算在說明文字中已說明資料範圍僅有一年內的資料，還是有可能會有用戶去選到超過一年內的日期。
這種時候直接禁止選取超過一年內的日期，可以避免使用者不小心進行錯誤的操作。
先前在開發的專案中，需要一個上傳圖片後可以看即時看到預覽的功能。再加上這個功能在許多地方都會用到，因此試著製作了一個可以獨立運行的組件。
先前提到 Quasar 的 Dialog Plugin 很好用，再讓我補充一個用法。
各位使用 Vue.js 開發的小夥伴們，你們都怎麼實作父子層組件資料的雙向綁定呢？如果你還在寫 prop + emit 的話，不妨進來看看吧。
Quasar Dialog 的 Invoking custom component 很好用，但是有些困擾的地方，一起來看看有甚麼辦法吧。
切換頁面卡卡有很多種原因，這裡舉的例子只針對元件太大的情境。
除了想辦法拆分外，還有一個方法就是利用 Vue 的 Async Component。
有時候使用 Pinia 會遇到資料意外變更問題，這其實不是鳳梨的錯，讓我們看看怎麼回事吧。( ´ ▽ ` )ﾉ
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。
此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
我們在實作中，難免會遇到在不同組件中，卻有需求相同的資料格式，因此 mixins 可以達到我們的需求，除了 data 以外也包含了 methods 可以共用，舉例來說，學生資料可能會在，班級跟社團內被使用，當我們要撰寫元件時，就可以省略多餘的 data 定義。
