vuetify.js - 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>
这是我的提交按钮:
<v-btn flat lg color="secondary" @click="submit" :disabled="$v.$invalid">Submit</v-btn>
这是我的脚本:
const defaultFormData = {
anniversary: ''
}
validations: {
enquiryForm: {
anniversary: { }
}
}
我的表格中不需要周年日期。然而,我必须选择周年纪念日才能启用提交按钮。在选择周年日期之前,提交按钮将保持禁用状态。任何人有任何想法提交表格。
这是我的提交代码:
submit ( ) {
this.$store.dispatch('addEnquiry', {
date: moment().format(),
customername: this.enquiryForm.customername,
contactnumber: this.enquiryForm.contactnumber,
alternatecontactnumber: this.enquiryForm.alternatecontactnumber,
emailid: this.enquiryForm.emailid,
address: this.enquiryForm.address,
dateofbirth: this.enquiryForm.dateofbirth,
anniversary: this.enquiryForm.anniversary,
requirement: this.enquiryForm.requirement,
preferences: this.enquiryForm.preferences,
informationSource: this.enquiryForm.informationSource,
investmentRange: this.enquiryForm.investmentRange,
preferredBank: this.enquiryForm.preferredBank,
loan: this.enquiryForm.loan,
owncontribution: this.enquiryForm.owncontribution,
sourceofinformation:this.enquiryForm.sourceofinformation,
projectId: this.enquiryForm.projectId,
company: this.enquiryForm.company,
designation: this.enquiryForm.designation,
executiveId: this.enquiryForm.executiveId
})
.then( ( result ) => {
this.close();
} )
.catch( ( err ) => {
console.log( err );
} )
}
解决方案
推荐阅读
- c++ - 在 macOS 上的另一个窗口中打开小部件
- laravel - 无论排序如何,Laravel Eloquent 都会将所有返回的列值为 0 的行放在最后
- python - 仅当 DataFrame 中存在一行时,如何在 Pandas 中删除一行
- git - 如何设置 git config 以使用域的特定密钥?
- ruby - 红宝石。读取简单文件后的 NUL 字符
- django - Django - 上传时压缩音频文件
- speculative-execution - 英特尔 CPU 上的推测执行是否可能导致 EXC_BAD_INSTRUCTION (SIGILL)
- python - 文件 ”
",第 1006 行,在 _gcd_import 错误中 - javascript - 在函数调用后,在渲染方法中无法访问 componentWillMount 函数内的类级别变量
- android - 如何在两个应用程序之间制作android过渡动画?