如何选中基于数据网格行选择的复选框CellTemplate？

<template>
  <div>
    <data-grid :data="gridData">
      <data-grid-column>
        <template #cell-template="{ row }">
          <input type="checkbox" v-model="row.isSelected" @change="handleCheckboxChange(row)" />
        </template>
      </data-grid-column>
      <!-- 其他列定义 -->
    </data-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      gridData: [
        { id: 1, name: 'John', isSelected: false },
        { id: 2, name: 'Jane', isSelected: false },
        // 其他数据行
      ],
      selectedRows: []
    };
  },
  methods: {
    handleCheckboxChange(row) {
      if (row.isSelected) {
        this.selectedRows.push(row);
      } else {
        const index = this.selectedRows.findIndex(selectedRow => selectedRow.id === row.id);
        if (index !== -1) {
          this.selectedRows.splice(index, 1);
        }
      }
    }
  }
};
</script>