vuetify.js - 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
    }
  }

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