在AG-Grid Vue的20.1.0和20.2.0版本之间,主要的区别是引入了新的编辑器集成方式。以下是一个包含代码示例的解决方法:
npm install --save ag-grid-vue@20.2.0
ag-grid-vue
导入AG-Grid Vue,而在20.2.0版本中,你需要改为使用@ag-grid-community/vue
:import { AgGridVue } from '@ag-grid-community/vue';
import { AgEditorComponent } from '@ag-grid-community/vue';
// 导入所需的编辑器组件
import { VueComponent } from '@ag-grid-community/vue';
import { VueDatePicker } from '@ag-grid-community/vue';
AgEditorComponent
装饰器来定义编辑器组件。在20.1.0版本中,你可能使用了@Component
装饰器,而在20.2.0版本中,你需要改为使用AgEditorComponent
:@AgEditorComponent({
template: `
`
})
export default class DateEditor extends Vue {
private date: Date | null = null;
}
{
headerName: 'Date',
field: 'date',
editable: true,
cellEditor: 'agDateCellEditor',
cellEditorParams: {
component: 'vueDatePicker'
},
valueFormatter: params => params.data.date ? params.data.date.toDateString() : null
}
以上是在AG-Grid Vue的20.1.0和20.2.0之间集成编辑器的解决方法,其中包含了代码示例。请注意,具体的代码可能会因为你的需求而有所变化,以上代码只是一个示例,你需要根据你的实际情况进行适当调整。