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

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

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

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

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

例子:

正常寫法

 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>

問題的寫法

 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)致問題,所以要寫全,即使不做校驗(yàn)

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

您可能感興趣的文章: