vuelidate 中的表单验证答案

【问题标题】：Form validation in vuelidatevuelidate 中的表单验证
【发布时间】：2019-01-04 11:51:46
【问题描述】：

我正在 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>

【问题讨论】：

标签： vuetify.js vuelidate

【解决方案1】：

我可以看到<script> 标签中的内容吗？

我假设你内心有这样的东西

  validations: {
    fields: {
      anniversary: required
    }
  }

因此您将周年纪念设置为必需，您只需将其删除即可。

【讨论】：