![[筆記] Nuxt navigateTo 跳頁強迫更新 layout 方法](https://smlpoints.com/wp-content/uploads/notes-nuxt-js-1-1.png "[筆記] Nuxt navigateTo 跳頁強迫更新 layout 方法")
[筆記] Nuxt navigateTo 跳頁強迫更新 layout 方法
使用 Nuxt 所提供的 navigateTo 方法來進行頁面切換，若你的 layout 有跟著變動的話，那你的 console 就會報 hydration e Read More …
標籤: vue
![[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook")
[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook
若要用 Vue3 實現監聽某一 DOM 元素的高度變化，可透過 ResizeObserver 來實現。 內容 若你僅是監聽 window.height 的高度， Read More …
[筆記] Vue3 運用 Pinia 實踐前端篩選排序的邏輯建議
Vue 3 純前端專案的資料篩選、排序是極常見的需求。由於原始資料的巢狀結構需非同步載入，且順序也是動態的，可利用 Pinia 的 getters 暫存並搭配創 Read More …
[筆記] Vue i18n v10 以上版本 複數 Plural 使用方式
這邊筆記一下 Vue i18n 在 v10 以上版本時，Plural 複數功能要如何使用。 內容 詳請可見：https://vue-i18n.intlify.d Read More …
[筆記] FullCalendar V6 eventsSet 觸發邏輯
這篇筆記下 FullCalendar 函式呼叫邏輯，以免不小心寫成了循環呼叫而導致程式當掉。 內容 承接 [筆記] FullCalendar V6 搭配 Too Read More …
[筆記] FullCalendar V6 搭配 Tooltip 實作方法
FullCalendar 官網所提供的 Tooltip 範例，背後所採用的是 popper.js 第二代所衍生的 tippy.js。有鑑於 popper.js Read More …
[筆記] Vue3 在 vue 檔案以外的地方使用 vue-i18n
Vue3 的 vue-18n 若要在 .vue 的以外部分來執行，是不可使用 composable 方法來取得的，而是要從原始的 i18n Instance 來 Read More …
![[筆記] Tailwind CSS Safelist 設定](https://smlpoints.com/wp-content/uploads/notes-tailwind-css-3-set-developing-environment.png "[筆記] Tailwind CSS Safelist 設定")
[筆記] Tailwind CSS Safelist 設定
這邊筆記下若用 Vue3 搭配 TailwindCSS 使用時，若用動態傳值來指定的 class – 像是顏色代碼，那你會發現沒有作用。因為 Tai Read More …
[筆記] Vue3 onMounted 無法獲得 DOM 的原因和解法
在 Vue3 中整合原生的 JavaScript 套件如 Swiper，遇上了 onMounted 無法獲取 DOM 的情況。這邊筆記下成因和解決方法。 內容 Read More …
