ag-grid-vue以编程方式订阅事件

Question

我正在尝试订阅来自Vue directive的Ag-Grid

function insert(el: HTMLElement, binding: DirectiveBinding, {componentInstance} : VNode){
    
    let grid = componentInstance as AgGridVue;

    grid.$on('rowDataChanged', (params) => {
      console.log(params) //Doesn't even enter to this event
    })

    grid.$on('row-data-changed', (params) => {
      console.log(params) //Neither here
    })
    
}

我只想知道这是否可能。

Answer 1

因此，通过调试，我发现了大海捞针。

let events = (componentInstance as any).gridOptions.api.eventService as EventService;

events.addEventListener('cellValueChanged', function (evt: CellValueChangedEvent) {
    // Logic
})