element-plus 使用 svg icon

,

幾個月前，element plus要使用icon的話，都是用font icon的方式，但是這幾個月有段過渡期，官網說明會漸漸將font icon轉移到svg icon，使用方式也會不同。

閱讀更多
0
/0 評論/通過：

vue3 使用 google map api

, ,

很許多api一樣，要使用的話要先創建帳號。

準備項目：

  1. 創建一個gcp帳號，並且建立一個專案project。
  2. 啟用google map api產生google map api key
  3. 創建一個vue3專案
閱讀更多
0
/0 評論/通過：

最新版本element plus 自訂主題 scss variables

,

最近將element plus 升級到最新版(1.1.0-beta.9)之後，發現之前設定的顏色變數竟然不起作用了。

閱讀更多
0
/0 評論/通過：

elementui-plus 使用 select 時會出現錯誤

,

如題，直接在畫面中使用<el-select>組件，網頁會跳紅字出錯，TypeError: Cannot read property '__disableEmitter' of undefined，推測應該是因為<el-select>組件是把 dom 放在body裡面，而不是#app裡，所以你在做一些操作（例如：router 換頁）時，就會出現預期以外的錯誤。

閱讀更多
1+
/0 評論/通過：

如何在 Vue3 中使用 pwa （Chrome）

, ,

其實 PWA 在哪個框架中使用，都沒有太大的差異，但是往往這一行 code 到底要放哪裡，我就是不知道啊ＸＤＤ

最近的專案剛好都是用 vue3 來實作，自然要把 pwa 放進去 vue3 中也勢必要來解一篇紀錄一下，不然下次就又忘記了。

閱讀更多
3+
/0 評論/通過：

Vue3 使用 getCurrentInstance 在 production 環境中不能使用 ctx ?

,

因為目前只比較常用 Elementui-plus ，要使用他的 message api ，vue2 我們可以直接用 this.$message去拿他全局註冊的方法，但vue3 沒有this啊！所以就要用 getCurrentInstance 這個 funciton 拿到全局註冊的方法。

閱讀更多
0
/0 評論/通過：

Vue3 的資料狀態管理，provide / inject、vuex、props

,

進入 vue3 後，多了一種跟 react 很像的資料管理方式 provide / inject，和 vuex 相同的是他可以跨組件讀寫資料，但是和 vuex 不同的是跨組件的範圍僅限於 provide 註冊那一層的子組件。

也就是說 provide 類似於 props 把資料傳入子組件，props 只能傳一層，但 provide 可以下去好幾層都可以存取，官方概念圖如下：

閱讀更多
4+
/0 評論/通過：

Vue3 + i18n 初始設定

,

我在 vue2 已經有用過 i18n 了，怎麼搬到 vue3 就出現各種錯誤呢？

Vue3 因為 Composition API 的緣故，在引入套件上面有改一些寫法，直接從 vue2 直接搬過來是會有問題的，那就從頭開始安裝起吧！

閱讀更多
0
/0 評論/通過：

vue3 + ElementUI plus 按需載入

,

目前為止常用的框架有出到vue3的好像只有Elementui-plus，竟然這麼快就出ㄌ～太驚艷了，所以新案子就直接用起來！

對程式碼有潔癖的人，一樣可以選擇按需載入。

閱讀更多
1+
/0 評論/通過：