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

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

---

內容

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

程式碼

---

參考資料

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

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 8
• [筆記] 程式必修課！離散數學與演算法 – 7
• [筆記] Photomator 特殊終生方案啟動方法
• [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
• [筆記] 程式必修課！離散數學與演算法 – 6