快捷導(dǎo)航

vue的rules驗(yàn)證部分可以部分又失效的原因及解決方案

更新時(shí)間：2023年11月06日 10:30:32 作者：三浪.

vue的rules驗(yàn)證失效,部分可以部分又失效,很多百度都有,但是我這里遇到了一個(gè)特別的,那就是prop沒(méi)有寫(xiě)全,導(dǎo)致驗(yàn)證某一個(gè)失效,接下來(lái)就跟小編一起來(lái)看看這個(gè)失效的原因和解決方案吧

vue的rules驗(yàn)證失效,部分可以部分又失效的原因

很多百度都有,但是我這里遇到了一個(gè)特別的,那就是prop沒(méi)有寫(xiě)全,導(dǎo)致驗(yàn)證某一個(gè)失效

例子:

正常寫(xiě)法

 el-form-item....多個(gè)省略
 <el-form-item label="膠幣" prop="cost">
   <el-input v-model="form.cost" type="number" placeholder="請(qǐng)輸入膠幣"  />
</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="請(qǐng)輸入允許人數(shù)"/>
</el-form-item>
<el-form-item label="參與時(shí)間" 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="開(kāi)始日期"
        end-placeholder="結(jié)束日期">
      </el-date-picker>
</el-form-item>

問(wèn)題的寫(xiě)法

 el-form-item....多個(gè)省略
 <el-form-item label="膠幣">
   <el-input v-model="form.cost" type="number" placeholder="請(qǐng)輸入膠幣"  />
</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="請(qǐng)輸入允許人數(shù)"/>
</el-form-item>
<el-form-item label="參與時(shí)間" 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="開(kāi)始日期"
        end-placeholder="結(jié)束日期">
      </el-date-picker>
</el-form-item>

這里 prop="cost"沒(méi)有寫(xiě),就會(huì)導(dǎo)致問(wèn)題,所以要寫(xiě)全,即使不做校驗(yàn)

到此這篇關(guān)于vue的rules驗(yàn)證部分可以部分又失效的原因及解決方案的文章就介紹到這了,更多相關(guān)vue的rules驗(yàn)證失效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: