ag-grid-vue 获取单选框状态

在 ag-grid-vue 中，你可以使用自定义组件来渲染单选框。首先，你需要在页面的 mounted 钩子函数中，调用 ag-grid 的 api 来注册这个自定义组件：

mounted() {
  this.gridApi.addCellRenderer('myRenderer', this.myRenderer);
}

然后，你可以在 methods 中定义一个函数来渲染单选框，这个函数需要返回一个 Vue 组件：

methods: {
  myRenderer(params) {
    return {
      template: `
        <input type="checkbox" v-model="checked" @change="onChange"/>
      `,
      data() {
        return {
          checked: params.value === 'Y',
        }
      },
      methods: {
        onChange() {
          params.data[params.colDef.field] = this.checked ? 'Y' : 'N';
        },
      },
    };
  },
}

在你的组件中，你可以通过调用 gridApi.getSelectedRows() 来获取所有被选中的行，然后遍历这些行，获取每一行中单选框的状态。

const selectedRows = this.gridApi.getSelectedRows();
selectedRows.forEach(row => {
  console.log(row.myField);  // 这里的 myField 就是单选框所在的列
});

希望这能帮到你。