如何获取vant复选框 checkbox勾选中的哪一行的值

要获取 Vant 复选框（Checkbox）勾选中的哪一行的值，你可以借助 Vue.js 的双向绑定和事件监听来实现。

首先，你需要在 Vue 实例的 data 中定义一个数组用于存储选中的行的值。例如：

data() {
  return {
    selectedRows: [] // 用于存储选中的行的值
  }
}

接下来，在复选框组件中，你需要使用 v-model 指令将选中状态绑定到一个计算属性，并在复选框组件上添加一个 change 事件监听器。例如：

<van-checkbox v-model="selectedRows" @change="handleCheckboxChange(rowData)">
  <!-- 复选框的内容 -->
</van-checkbox>

在上述代码中，我们将复选框的选中状态绑定到 `selectedRows` 数组，并在复选框上添加了一个 `change` 事件监听器，调用 `handleCheckboxChange` 方法，并传递当前行的数据 `rowData`。

最后，在 Vue 实例中定义 `handleCheckboxChange` 方法，用于处理复选框勾选状态的改变。在该方法中，你可以根据需要对选中和取消选中的行进行相应的处理。例如：

methods: {
  handleCheckboxChange(rowData) {
    if (this.selectedRows.includes(rowData)) {
      // 取消选中
      // 在这里可以进行相应的操作，比如从 selectedRows 数组中移除该行的值
      const index = this.selectedRows.indexOf(rowData);
      if (index > -1) {
        this.selectedRows.splice(index, 1);
      }
    } else {
      // 选中
      // 在这里可以进行相应的操作，比如将该行的值添加到 selectedRows 数组中
      this.selectedRows.push(rowData);
    }
  }
}

在上述代码中，我们通过判断 `selectedRows` 数组中是否包含当前行的数据 `rowData`，来决定是取消选中还是选中。根据需要，你可以在相应的分支中进行处理。

通过以上的代码，你就可以获取到 Vant 复选框勾选中的哪一行的值，并根据需要进行相应的操作。