Vue国际化,不刷新切换语言,解决table的列不能及时更新问题
首先不刷新切换语言,参考了这位大佬的文章并轻松实现了,https://www.jianshu.com/p/8e1b4632c0a8
用的Ant Design Vue做后台系统,在做列表查询功能时,习惯性将列的定义写在了data()内,<a-table>绑定的列就是这个。

这样做导致的问题:切换语言时,其他部分的文字能及时更新,但表格的列只会在刷新后才能看到。
解决方法:将columns列的定义写在computed内

效果展示:

首先不刷新切换语言,参考了这位大佬的文章并轻松实现了,https://www.jianshu.com/p/8e1b4632c0a8
用的Ant Design Vue做后台系统,在做列表查询功能时,习惯性将列的定义写在了data()内,<a-table>绑定的列就是这个。

这样做导致的问题:切换语言时,其他部分的文字能及时更新,但表格的列只会在刷新后才能看到。
解决方法:将columns列的定义写在computed内

效果展示:
