![[筆記] Buefy Button 跳頁導航 tag 問題解決](https://smlpoints.com/wp-content/uploads/guide-buefy-autocomplete-logic-1.jpg "[筆記] Buefy Button 跳頁導航 tag 問題解決")
[筆記] Buefy Button 跳頁導航 tag 問題解決
近期在升級 Buefy 的 Vue2 專案時，發現 Button 按鈕的跳頁 tag 標籤失效，這與 VueRouter 升級到 v4 版本時，將 tag 屬性 Read More …
標籤: vue3
![[筆記] 解決 height: auto 沒有動畫之用 Vue 3 組合式函數完美實現摺疊效果](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 解決 height: auto 沒有動畫之用 Vue 3 組合式函數完美實現摺疊效果")
[筆記] 解決 height: auto 沒有動畫之用 Vue 3 組合式函數完美實現摺疊效果
筆記一下常用的摺疊效果，要如何避免因為 height: auto 而導致動畫效果無法觸發的問題。 內容 1. htmlElement.offsetHeight Read More …
![[筆記] PrimeVue 與 vue-i18n 同步更新語系](https://smlpoints.com/wp-content/uploads/notes-primevue4-custom-your-theme-1.jpg "[筆記] PrimeVue 與 vue-i18n 同步更新語系")
[筆記] PrimeVue 與 vue-i18n 同步更新語系
筆記一下 PrimeVue 其語系要如何與 vue-i18n 進行連動。 內容 PrimeVue 在其官網的 Configuration -> Local Read More …
[筆記] 打造支援遠端搜尋與鍵盤導航 Multi-Select 下拉選單元件 Vue3 + Tailwindcss
這回筆記下用 Vue3 + Tailwindcss 打造一個支援遠端搜尋項目和鍵盤選取的 Multi-Select 元件。 內容 內外同步狀態 1. 下拉選單是 Read More …
![[筆記] Line LIFF 初步串接 Vue3 設定心得](https://smlpoints.com/wp-content/uploads/notes-line-liff-vue3-1.png "[筆記] Line LIFF 初步串接 Vue3 設定心得")
[筆記] Line LIFF 初步串接 Vue3 設定心得
Line 的 LIFF 若要串接執行登入功能，有一些關鍵點會需要注意，以免造成無窮迴圈、轉發至 404 Error 或是無法成功初始化。 內容 初始化需要 LI Read More …
![[筆記] 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 …
[筆記] 實作簡易 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 …
