vuelidate中的表单验证

Question

我正在用vuelidate做表单验证。我的表单中有一个日期选择器，它不是必填字段。但是，如果不从日期选择器中选择日期，则无法提交表单。为什么会这样呢？有人能告诉我怎么修吗？我想将日期选择器字段保留为非必填字段。下面是我的代码：

<v-menu ref="menu3" :close-on-content-click="false" v-model="anniversaryVisibility" :nudge-right="10" :return-value.sync="enquiryForm.anniversary"
     lazy
     transition="scale-transition"
     offset-y
      full-width
      min-width="290px">

     <v-text-field 
    slot="activator" 
    v-model="enquiryForm.anniversary" 
    label="Anniversary" 
    append-icon="event" 
    outline 
    readonly
    :error-messages="fieldErrors('enquiryForm.anniversary')"
    @input="$v.enquiryForm.anniversary.$touch()"
    @blur="$v.enquiryForm.anniversary.$touch()"
    >
    </v-text-field>

<v-date-picker v-model="enquiryForm.anniversary" @input="$refs.menu3.save(enquiryForm.anniversary)"></v-date-picker>

</v-menu>

Answer 1

我能看看<script>标签里面的东西吗？

我猜你的身体里有类似这样的东西

  validations: {
    fields: {
      anniversary: required
    }
  }

因此，您可以将周年纪念设置为required，只需删除它即可。