vant单选框组全选反选

要实现 Vant 单选框组的全选和反选功能，你可以使用 v-model 来绑定选中的值，然后通过控制选中值的变化来实现全选和反选。

首先，你需要在组件中定义一个数组来存储选中的值，例如：

data() {
  return {
    options: ['option1', 'option2', 'option3'],
    selectedOptions: []
  }
}

接下来，你可以使用 Vant 的单选框组组件来显示选项，并将选中的值与 `selectedOptions` 进行绑定：

<van-radio-group v-model="selectedOptions">
  <van-cell-group>
    <van-cell v-for="option in options" :key="option" clickable>
      <van-radio :name="option" :label="option">{{ option }}</van-radio>
    </van-cell>
  </van-cell-group>
</van-radio-group>

然后，你可以添加全选和反选的按钮，并在点击事件中修改 `selectedOptions` 的值来实现全选和反选的功能：

<van-button type="primary" @click="selectAll">全选</van-button>
<van-button type="primary" @click="invertSelection">反选</van-button>

methods: {
  selectAll() {
    this.selectedOptions = this.options.slice();
  },
  invertSelection() {
    this.selectedOptions = this.options.filter(option => !this.selectedOptions.includes(option));
  }
}

这样，当你点击 "全选" 按钮时，所有选项都会被选中；当你点击 "反选" 按钮时，已选中的选项会被取消选中，未选中的选项会被选中。

请注意，以上代码示例假设你已经正确引入了 Vant 组件，并在 Vue 实例中注册了相应的组件。