Aggrid vue i18n:在更改语言后没有刷新的情况下，无法翻译网格标头名称

Question

我在项目中使用i18n进行本地化，但每当我更改语言时，除了网格头名称外，所有页面的翻译都可以！当我刷新页面时，它变得正常了。如何在不刷新的情况下修复这种情况？

Answer 1

您可以通过调用读取器API上的refreshHeader函数来修复此问题。试试这个：

this.gridApi.refreshHeader();

其中gridApi是从onGridReady事件参数中获得的API对象。

编辑，如何获得网格Pi:

从AgGrid组件调用的onGridReady方法的参数中获得的gridApi。如果您使用的是reactJs，那么agGrid组件中名为onGridReady的属性将接受该函数。

onGridReady = params => {
this.gridApi = params.api
this.gridColumnApi = params.columnApi
...
}

Answer 2

如果您正在使用headerName，也许可以尝试使用compute((函数来获取ColDef

例如：

const colDef = computed(() => // coldef here)