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 Ag-grid-cellRendererFramework：传递道具

1 个答案: