文章

element-plus 使用 svg icon

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

閱讀更多

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

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

閱讀更多

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

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

閱讀更多

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

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

閱讀更多

vue3 + ElementUI plus 按需載入

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

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

閱讀更多

vue3 + elementui-plus 表單驗證使用 ref

升級到 vue3 後,elementui 也有推出 vue3 版本叫做 elementui-plus,可以點這裡去官網了解一下,名字聽起來就很屌啊!

官網的範例有很詳細的解說使用方法,可是他竟然沒有舉例 Vue Composition API 方式的寫法,啊我不用 Composition API 我升級到 vue3 幹嘛?

下面就來寫一下上網查到的資料,看看到底要怎樣使用 v-model + ref + setup()

閱讀更多