vue2.0用单选框的值判断输入框必填校验

可以通过绑定单选框的值，然后使用条件语句来判断是否必填，再利用 `v-validate` 指令进行表单的校验。示例如下：

<template>
  <div>
    <label>
      <input type="radio" value="yes" v-model="isRequired"> 是
    </label>
    <label>
      <input type="radio" value="no" v-model="isRequired"> 否
    </label>
    <input v-model="inputValue" v-if="isRequired === 'yes'" type="text" placeholder="必填项" v-validate="'required'">
    <span v-if="$v.inputValue.$error">必填项</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isRequired: 'no',
      inputValue: ''
    }
  }
}
</script>

在上面的代码中，我们绑定了一个名为 `isRequired` 的变量来表示单选框的值。当单选框的值为 `"yes"` 时，显示必填项输入框。同时，我们利用 `v-validate` 指令对输入框进行了必填校验。在输入框后面，我们使用 `$v.inputValue.$error` 来判断输入框是否校验出错，如果出错则显示错误提示。注意，如果使用 `v-validate` 进行校验，则需要安装并引入 `vee-validate` 库。