Vue Ag-grid - cellRendererFramework：传递道具

Question

我正在为 Vue 应用程序创建一些 ag-grids，其中一列需要一个可重用的组件来渲染一个传递给它的道具。使用 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.js ag-grid

Vue Ag-grid - cellRendererFramework：传递道具

Vue Ag-grid - cellRendererFramework: passing down props

vue.js

ag-grid