[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結

近期在自行二次封裝 Element UI 的表格時,遇上了 TypeScript 檢查和 Vue-18n 功能要能夠同時通過的情形。這邊筆記下可用的解法。
element ui ElementUI


內容

1. 核心重點是將要與 i18n 互動的值 ( 如 label, placeholder, formItemRule ) 的項目都用 computed 包裝起來,再傳入 <el-form> 即可。
2. Computed 的內容在 Vue 的底層中會將其解開,所以在 TypeScript 的檢驗中會過。若你要手動通過的話,可以試試 .toString() 方法

程式碼


參考資料

1. 使用i18n多语言配置-切换语言不生效-解决computed

按讚加入粉絲團

延伸閱讀