使v-text-field成为必填项，基于v-radio选择

npm install vee-validate

<template>
  <div>
    <v-text-field v-model="textValue" label="文本输入框"></v-text-field>
    <v-radio v-model="radioValue" label="单选按钮1" value="option1"></v-radio>
    <v-radio v-model="radioValue" label="单选按钮2" value="option2"></v-radio>
  </div>
</template>

<script>
import { ValidationProvider, extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';

export default {
  components: {
    ValidationProvider,
  },
  data() {
    return {
      textValue: '',
      radioValue: '',
    };
  },
  mounted() {
    extend('required', {
      ...required,
      message: '该字段为必填项',
    });
  },
};
</script>

<template>
  <div>
    <ValidationProvider rules="required" v-slot="{ errors }">
      <v-text-field v-model="textValue" label="文本输入框"></v-text-field>
      <span>{{ errors[0] }}</span>
    </ValidationProvider>
    <ValidationProvider rules="required" v-slot="{ errors }">
      <v-radio v-model="radioValue" label="单选按钮1" value="option1"></v-radio>
      <v-radio v-model="radioValue" label="单选按钮2" value="option2"></v-radio>
      <span>{{ errors[0] }}</span>
    </ValidationProvider>
  </div>
</template>