vue2.0用单选框的值来增加输入框是否必填校验

可以通过在单选框的 `change` 事件中，动态改变 `v-validate` 指令的参数来增加或取消输入框的必填校验。示例如下：

<template>
  <div>
    <label>
      <input type="radio" value="yes" v-model="isRequired" @change="handleRadioChange"> 是
    </label>
    <label>
      <input type="radio" value="no" v-model="isRequired" @change="handleRadioChange"> 否
    </label>
    <input v-model="inputValue" type="text" :placeholder="placeholder" :v-validate="validateRule">
    <span v-if="$v.inputValue.$error">{{ errorMessage }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isRequired: 'no',
      inputValue: '',
      placeholder: '非必填项',
      validateRule: '',
      errorMessage: ''
    }
  },
  methods: {
    handleRadioChange() {
      if (this.isRequired === 'yes') {
        this.placeholder = '必填项'
        this.validateRule = 'required'
        this.errorMessage = '必填项'
      } else {
        this.placeholder = '非必填项'
        this.validateRule = ''
        this.errorMessage = ''
      }
    }
  }
}
</script>

在上面的代码中，我们动态改变了输入框的 `placeholder` 属性和 `v-validate` 指令的参数，来增加或取消输入框的必填校验。同时，我们也动态改变了错误提示信息。需要注意的是，在 `v-validate` 指令中，我们使用了动态绑定的方式 `:v-validate="validateRule"`，这是因为 `v-validate` 指令的参数必须是一个字符串类型，而我们需要动态改变该参数，因此需要使用动态绑定。