ag grid cellValueChanged在vue3+script setup的用法

在Vue3 + script setup中，Ag Grid是一个强大的数据表格库，它允许你在表格单元格的值发生改变时执行自定义操作。`cellValueChanged`事件监听器用于检测特定列单元格的值是否已更改，并允许你处理这个变化。

首先，你需要安装Ag Grid相关的依赖并配置它。假设你已经通过npm或yarn添加了ag-grid-vue和对应的Vue3版本：

import { AgGridVue } from 'ag-grid-vue';
import 'ag-grid-community/main.css';

// 初始化Ag Grid Vue实例
const app = {
  setup() {
    const gridOptions = {
      // ...其他grid选项
      onCellValueChanged: (params) => {
        if (params.colDef.field === 'yourField') { // 指定你要监听的字段
          console.log('Cell value changed:', params.value, 'in column', params.colDef.headerName);
          // 在这里执行你的业务逻辑，如更新状态、发送API请求等
        }
      },
    };

    return () => {
      // 创建ag-Grid组件
      return <AgGridVue :gridOptions={gridOptions} />;
    };
  },
};

在这个例子中，`onCellValueChanged`是一个回调函数，当指定列的单元格值改变时会被调用。你可以访问`params.value`获取新的值，`params.colDef.headerName`获取列名。