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

<template>
  <ag-grid-vue
    :columnDefs="columnDefs"
    :rowData="rowData"
    @cellClicked="onCellClicked"
    @rowSelected="onRowSelected"
  ></ag-grid-vue>
</template>

<script>
export default {
  data() {
    return {
      columnDefs: [
        { headerName: "Name", field: "name" },
        { headerName: "Age", field: "age" },
        { headerName: "Country", field: "country" },
      ],
      rowData: [
        { name: "John", age: 25, country: "USA" },
        { name: "Alice", age: 30, country: "Canada" },
        { name: "Bob", age: 35, country: "UK" },
      ],
    };
  },
  methods: {
    onCellClicked(params) {
      // 单元格点击事件处理逻辑
      console.log("Cell clicked:", params.value);
    },
    onRowSelected(params) {
      // 行选择事件处理逻辑
      console.log("Row selected:", params.node.data);
    },
  },
};
</script>