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

【问题标题】：ag-grid-vue subscribe to event programmaticallyag-grid-vue 以编程方式订阅事件
【发布时间】：2021-04-17 00:44:35
【问题描述】：

我正在尝试从 Vue 指令订阅 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
    })
    
}

我只是想知道这是否可行。

【问题讨论】：

标签： typescript event-handling ag-grid-vue

【解决方案1】：

所以，我通过调试找到了大海捞针

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

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

【讨论】：