[笔记] Dayjs 搭配 Vuex 和 TypeScript 达成多国时间显示转换

章节连结

Dayjs 作为 Moment.js 的后继者,但需要搭配语言切换来进行不同时间的显示模式时,这边笔记下同步切换的方法。另外若是 TypeScript 的使用者,也同时附上型别参考。
vue typescript


概念

1. 利用 Vuex 来储存每次切换语言时,所切换而得的参数
2. 建立一个 key-value 对照档,来避免 vuex 内所存的语言参数无法对应给 dayjs 内的语言参数
3. 在 *.vue 的 template 内,宣告一个方法来让你语言切换时可以成功触发

程式码展示

按赞加入粉丝团

延伸阅读