Bug: vxe-table的column title 国际化切换时不生效

[li-yi-hong]

Version

Vben Admin V5

Describe the bug?

在切换国际化语言时，vxe-table的column title 未跟随变化，只有在强制刷新时才会变化。

Reproduction

1. 在定义columns时，使用 $t 进行翻译
   import { $t } from '@vben/locales';
   export const columns: VxeGridProps['columns'] = [
   { type: 'checkbox', width: 60 },
   {
   field: 'username',
   title: $t('ui.column.username'),
   minWidth: 80,
   },
   {
   field: 'nickName',
   title: $t('ui.column.nickName'),
   minWidth: 130,
   },
   ...
   ]

System Info

no output

Relevant log output

No response

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[mynetfan]

测试没有重现。请说明可以稳定重现的具体操作步骤

[li-yi-hong]

我重新试了下，当 columns 定义在外部文件，例如 vxe-table 在index.vue, 而columns在data.ts中，会出现这个问题。查了下，估计是 $t 方法的调用时机的原因。我用 computed 包裹 columns 后问题得已解决，如下所示：

export const useColumns = () =>
computed((): VxeGridProps['columns'] => [
{ type: 'checkbox', width: 60 },
{
field: 'username',
title: $t('ui.column.username'),
minWidth: 80,
},
{
field: 'nickName',
title: $t('ui.column.nickName'),
minWidth: 130,
},
...
]