Vue Ag-grid - cellRendererFramework：传递道具

Question

我正在为一个 Vue 应用程序创建一些 ag-grids，其中一个列需要一个可重用的组件来渲染，并传递一个 prop 传递给它。使用 cellRendererFramework（据我了解，cellRenderer 不适用于 Vue）似乎没有像 cellRendererParams 这样的 cellRendererFrameworkParams 选项。

columnDefs: [
    {
        headerName: 'Column header',
        field: 'field',
        cellRendererFramework: Vue.extend(reusableComponent),
        cellRendererFrameworkParams: { reusableComponentProp: 'test' } // this throws a warning message shown below 
    }
],

警告信息：

ag-grid: invalid colDef property 'cellRendererFrameworkParams' did you mean any of these: cellRendererFramework,cellRendererParams,pinnedRowCellRendererFramework,pinnedRowCellRendererParams,cellRenderer,cellRenderer,cellRendererSelector,cellEditorFramework

在此基础上，cellRendererFrameworkParams 不存在，那么有没有人知道一个不错的解决方法？

提前致谢

Answer 1

不要使用cellRendererFrameworkParams，而是尝试使用cellRendererParams，然后在你的组件中reusableComponent，你可以使用reusableComponentProp参数，通过this.params

例如this.params.reusableComponentProp

vue.jsag-grid