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

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

---

內容

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

程式碼

---

參考資料

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

按讚加入粉絲團

延伸閱讀

• [筆記] Tailwind CSS Safelist 設定
• [筆記] 程式必修課！資料結構與演算法｜JavaScript 篇 – 70
• [筆記] 程式必修課！資料結構與演算法｜JavaScript 篇 – 69
• [筆記] 純 CSS Blur 創造模糊效果
• [指南] NoTunes – 解決不定時開啟 Apple Music 的問題