在使用v-for时，里面的van-radio在选中一个值后，会使所有的radio值都一样

当你在Vue.js中使用`v-for`指令遍历数据并渲染`van-radio`组件时，如果所有`van-radio`绑定到同一个变量或属性上，并且其中一个被选中，这通常是因为它们共享了同一个`value`或者没有设置独立的`model`属性来控制每个单选框的状态。

例如：

<template>
  <van-radio v-for="option in options" :key="option.id" :value="selectedValue" @input="handleRadioChange">
    {{ option.text }}
  </van-radio>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, text: 'Option 1', value: '' },
        { id: 2, text: 'Option 2', value: '' },
        // 更多选项...
      ],
      selectedValue: '',
    };
  },
  methods: {
    handleRadioChange(value) {
      this.selectedValue = value; // 这里会更新selectedValue，所有radio都会同步状态
    }
  },
};
</script>

在这个例子中，当`handleRadioChange`方法被触发时，`this.selectedValue`会被新的选中值覆盖，因此所有的`van-radio`都会显示相同的选中状态。

要解决这个问题，你应该为每个`van-radio`分配独立的`model`，或者在循环内部为每个`van-radio`维护一个单独的状态。例如：

<template>
  <van-radio v-for="option in options" :key="option.id" :value="option.value" @input="handleRadioChange(option)">
    {{ option.text }}
  </van-radio>
</template>

<script>
// 更新 handleRadioChange 方法
methods: {
  handleRadioChange(option) {
    // 更新对应的option对象而不是selectedValue
    this.$set(this.options, option.index, option);
  }
}
</script>

这样，每个`van-radio`的选择就会独立于其他选项，并且不会影响到其他的选择。