vant4 radio的校验

vant4是Vue.js的一个移动端UI组件库，radio是其中一个单选框组件。如果您需要对radio组件进行校验，可以使用Vue.js的表单校验功能，具体实现如下：

1. 在radio组件上添加一个v-model指令，用于双向绑定选中的值。

<van-radio v-model="radioValue" label="1">选项1</van-radio>
<van-radio v-model="radioValue" label="2">选项2</van-radio>

2. 在表单中添加一个提交按钮，并在其上添加一个@click事件处理函数，用于提交表单并进行校验。

<van-button type="primary" @click="submitForm">提交</van-button>

3. 在Vue.js实例中定义校验规则和submitForm方法，实现表单校验的逻辑。

data() {
  return {
    radioValue: '',
    rules: {
      radioValue: [
        { required: true, message: '请选择一个选项' }
      ]
    }
  }
},
methods: {
  submitForm() {
    this.$refs.form.validate((valid) => {
      if (valid) {
        // 表单校验通过，提交表单
        // TODO: 提交表单的逻辑
      } else {
        // 表单校验失败，提示错误信息
        this.$toast('请正确填写表单')
      }
    })
  }
}

4. 在表单中添加一个van-form组件，并绑定ref属性，以便在submitForm方法中进行表单校验。

<van-form ref="form" :model="formData" :rules="rules">
  <van-radio v-model="radioValue" label="1">选项1</van-radio>
  <van-radio v-model="radioValue" label="2">选项2</van-radio>
</van-form>

这样，当用户点击提交按钮时，Vue.js会自动校验radio组件是否有选项被选中，如果校验通过则提交表单，否则提示错误信息。