![[筆記] VueUse useIntervalFn 用法](https://smlpoints.com/wp-content/uploads/notes-vueuse-useintervalfn-1.jpg "[筆記] VueUse useIntervalFn 用法")
[筆記] VueUse useIntervalFn 用法
筆記一下 VueUse 的 useIntervalFn 要如何開始計時後就觸發 callback 拿資料。 內容 根據官網 https://vueuse.org Read More …
標籤: vue3
![[筆記] 實作簡易 PrimeVue4 DataTable 卡片版本](https://smlpoints.com/wp-content/uploads/notes-primevue4-custom-your-theme-1.jpg "[筆記] 實作簡易 PrimeVue4 DataTable 卡片版本")
[筆記] 實作簡易 PrimeVue4 DataTable 卡片版本
PrimeVue4 之 DataTable 元件，在過往的版本是有 responsive-layout 選項可選，可惜如今已被取消。小尺寸螢幕瀏覽使用水平滾軸， Read More …
![[筆記] Nuxt3 切換頁面自動重置所有 Pinia Store 的狀態](https://smlpoints.com/wp-content/uploads/guide-from-vuex-to-pinia-thinking-1.jpeg "[筆記] Nuxt3 切換頁面自動重置所有 Pinia Store 的狀態")
[筆記] Nuxt3 切換頁面自動重置所有 Pinia Store 的狀態
相比於使用 Vite 靜態多頁面輸出，利用 Nuxt3 來達成同樣的效果可簡化不少心力，但需注意切換頁面的同時，載入的 Pinia Store 是不會重置回預設 Read More …
![[筆記] Vue3 實作 Chart.js Composable – 以折線圖為例子](https://smlpoints.com/wp-content/uploads/guide-chart-js-configuration-and-demo-1.jpg "[筆記] Vue3 實作 Chart.js Composable – 以折線圖為例子")
[筆記] Vue3 實作 Chart.js Composable – 以折線圖為例子
於 Vue3 上使用 Chart.js 這類自 jQuery 盛行年代既有的開源圖表套件，往往是沒有包裝好的 composable 可供使用。這篇筆記下實作的細 Read More …
![[筆記] ‘__VLS_ctx.$t’ is of type ‘unknown’ Vue-i18n](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] ‘__VLS_ctx.$t’ is of type ‘unknown’ Vue-i18n")
[筆記] ‘__VLS_ctx.$t’ is of type ‘unknown’ Vue-i18n
近期在使用 Vue-i18N 時，會在 VS Code 內看見 ‘__VLS_ctx.$t’ is of type ‘unk Read More …
[筆記] vue-router 避免跳頁傳送未事先定義的變數
Vue Router 在過往未明確限制傳遞物件的方式，所以會有動態生成 key 值然後傳給下一頁的情況。這在 2022-08-22 之後的版本中，會跳警告提醒你 Read More …
[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook
若要用 Vue3 實現監聽某一 DOM 元素的高度變化，可透過 ResizeObserver 來實現。 內容 若你僅是監聽 window.height 的高度， Read More …
[筆記] 實作 ColorPicker Vue3 元件
在 Vue3 利用各瀏覽器的原生 input 的 color 類型，就可以簡易的產出色彩選擇器。這邊筆記下重點。 內容 相容性 除了 IE、Android 版本 Read More …
[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件
因專案需求以及客製化樣式，決定自行手刻一個拖曳點擊上傳圖片的區塊，需要兼有圖片預覽、移除圖片、指定格式、檢查檔案大小以及因應 iOS 獨有的 heic 格式的轉 Read More …
