vue的rules驗證失效,部分可以部分又失效的原因
很多百度都有,但是我這里遇到了一個特別的,那就是prop沒有寫全,導(dǎo)致驗證某一個失效
例子:
正常寫法
el-form-item....多個省略
<el-form-item label="膠幣" prop="cost">
<el-input v-model="form.cost" type="number" placeholder="請輸入膠幣" />
</el-form-item>
<el-form-item label="" prop="maxNum">
<span slot="label">
允許人數(shù)<span style="font-size: 12px; color: red">(偶數(shù))</span>
</span>
<el-input v-model="form.maxNum" type="number" placeholder="請輸入允許人數(shù)"/>
</el-form-item>
<el-form-item label="參與時間" prop="startTime">
<el-date-picker
v-model="startAndEndTime"
value-format="yyyy-MM-dd HH:mm:ss"
@change="datePickerChange"
:picker-options="forbiddenTime"
type="datetimerange"
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期">
</el-date-picker>
</el-form-item>
問題的寫法文章來源：http://www.zghlxwxcb.cn/news/detail-765848.html
el-form-item....多個省略
<el-form-item label="膠幣">
<el-input v-model="form.cost" type="number" placeholder="請輸入膠幣" />
</el-form-item>
<el-form-item label="" prop="maxNum">
<span slot="label">
允許人數(shù)<span style="font-size: 12px; color: red">(偶數(shù))</span>
</span>
<el-input v-model="form.maxNum" type="number" placeholder="請輸入允許人數(shù)"/>
</el-form-item>
<el-form-item label="參與時間" prop="startTime">
<el-date-picker
v-model="startAndEndTime"
value-format="yyyy-MM-dd HH:mm:ss"
@change="datePickerChange"
:picker-options="forbiddenTime"
type="datetimerange"
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期">
</el-date-picker>
</el-form-item>
這里 prop="cost"沒有寫,就會導(dǎo)致問題,所以要寫全,即使不做校驗文章來源地址http://www.zghlxwxcb.cn/news/detail-765848.html
到了這里，關(guān)于vue的rules驗證失效,部分可以部分又失效的原因的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
