webpack-internal:///2:129 ag-grid: 无效的 gridOptions 属性 '__ob__' 你的意思是这些：

Question

在控制台中注意到这个新错误：

webpack-internal:///2:129 ag-grid: invalid gridOptions property '__ob__' did you mean any of these: groupSuppressBlankHeader,slaveGrids,rowData,columnDefs,excelStyles,pinnedTopRowData,pinnedBottomRowData,components
(anonymous) @ webpack-internal:///2:129

想不通，最终决定运行官方 Ag-Grid Vue 示例：

https://github.com/ag-grid/ag-grid-vue-example

并且它具有相同类型的错误：

webpack-internal:///2:129 ag-grid: invalid gridOptions property '__ob__' did you mean any of these: groupSuppressBlankHeader,slaveGrids,rowData,columnDefs,excelStyles,pinnedTopRowData,pinnedBottomRowData,components
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid gridOptions properties please check: https://www.ag-grid.com/javascript-grid-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/

这些都在官方示例 repo 中！ 建议？？

Answer 1

这是因为您将响应式属性传递给 gridOptions。采用 Object.defineProperties 或 Object.defineProperty 和 writable false 以创建选项。

编辑

我能够使用以下方法修复警告：

// gridOptions.ts
let options: GridOptions = {}

Object.defineProperty(options, 'enableFilter', {
  enumerable: true,
  value: true,
  writable: false
})

....

export default options

编辑

另一件事，这绝不是一个好的主意，但是在gridOptionsWrapper 类中编辑checkProperties 函数，您可以过滤无效的属性键以删除__ob__：

// line 126
var invalidPropertyKeys = Object.keys(invalidProperties).filter(key => key !== '__ob__');