van-checkbox放入循环的遍历里时怎么value绑定不同的变量名

如果需要在循环遍历中使用多个 checkbox，每个 checkbox 的 value 绑定不同的变量名，可以使用数组来存储变量名，然后通过数组下标来动态绑定 value 值。

假设有一个名为 options 的数组，它存储了多个选项，每个选项都有一个名为 value 的属性，你可以这样使用 checkbox：

<template>
  <div>
    <van-checkbox 
      v-for="(option, index) in options" 
      :key="option.id"
      :value="isChecked[index]"
      @change="handleChange(index)">
      {{ option.label }}
    </van-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, label: '选项1', value: 'var1' },
        { id: 2, label: '选项2', value: 'var2' },
        { id: 3, label: '选项3', value: 'var3' },
      ],
      isChecked: [false, false, false], // 存储每个选项的选中状态
    }
  },
  methods: {
    handleChange(index) {
      // 更新对应选项的选中状态
      this.isChecked[index] = !this.isChecked[index];
    }
  }
}
</script>

这样，每个 checkbox 的 value 值就会动态绑定到对应的变量名上，而不是使用同一个变量名。在 change 事件触发时，可以根据数组下标来更新对应选项的选中状态。