[指南] Element UI 搭配 i18N form 表單錯誤訊息不會自動切換語言的解決方法

Element UI 與 Vue 搭配一同使用是可以加速網站架設的實用工具。這邊筆記下搭配 Vue-i18n 這套翻譯套件時,Element UI 的表單錯誤訊息不會一同隨著切換的解決方法。
element ui ElementUI


內容

由於 rules 的規則並沒有綁定到 template 模版中,導致在使用 vue-i18n 切換語系時, rules 的內文並不會主動偵測到。你可以將 rules 的規則改放到 computed 區塊中,就可以解決這個問題。

程式碼


參考資料

1. Element UI 表單驗證多國語系(i18n)

按讚加入粉絲團

延伸閱讀