近期在自行二次封裝 Element UI 的表格時,遇上了 TypeScript 檢查和 Vue-18n 功能要能夠同時通過的情形。這邊筆記下可用的解法。
內容
1. 核心重點是將要與 i18n 互動的值 ( 如 label, placeholder, formItemRule ) 的項目都用 computed 包裝起來,再傳入 <el-form> 即可。
2. Computed 的內容在 Vue 的底層中會將其解開,所以在 TypeScript 的檢驗中會過。若你要手動通過的話,可以試試 .toString() 方法
程式碼
參考資料
1. 使用i18n多语言配置-切换语言不生效-解决computed
按讚加入粉絲團