Vue国际化,不刷新切换语言,解决table的列不能及时更新问题

首先不刷新切换语言,参考了这位大佬的文章并轻松实现了,https://www.jianshu.com/p/8e1b4632c0a8

用的Ant Design Vue做后台系统,在做列表查询功能时,习惯性将列的定义写在了data()内,<a-table>绑定的列就是这个。

 

 

 这样做导致的问题:切换语言时,其他部分的文字能及时更新,但表格的列只会在刷新后才能看到。

解决方法:将columns列的定义写在computed内

 

 

 

 效果展示:

 

posted @ 2020-02-27 16:47  天堂画家  阅读(1446)  评论(0)    收藏  举报