Vue.js 网页包-internal:///2:129 ag grid:gridOptions属性无效'__ob';你的意思是:

Vue.js 网页包-internal:///2:129 ag grid:gridOptions属性无效'__ob';你的意思是:,vue.js,ag-grid,Vue.js,Ag Grid,注意到控制台中的新错误: 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-

注意到控制台中的新错误:

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示例:

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

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/
这些都是官方回购协议的例子!
建议???

这是因为您正在将被动属性传递给
gridOptions
。使用 或使用
writable
false创建选项

编辑

我可以使用以下方法修复警告:

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

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

....

export default options
编辑

另一件事,这绝不是一个好主意,但是在
GridOptions包装器
类中编辑
checkProperties
函数,您可以过滤无效的属性键以删除
\uuuuuuuuuuuuu

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

谢谢,这是有道理的,在rowData中也看到了这个问题,在我重构代码以使用vuex类之前,我非常确定这是在处理被动属性。在这方面运气不好,也尝试了lodash deepclone。这是一份回购协议,如果有人提出建议,它将显示出
\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。还有第二个问题,在回购协议中还不可复制,即注入的Vuex状态消失,将尝试复制。Dang,我希望这对你有用,我已经包括了我昨天所做的事情,以备不时之需。关于
\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。