欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue的rules驗證部分可以部分又失效的原因及解決方案

 更新時間：2023年11月06日 10:30:32   作者：三浪.  
vue的rules驗證失效,部分可以部分又失效,很多百度都有,但是我這里遇到了一個特別的,那就是prop沒有寫全,導(dǎo)致驗證某一個失效,接下來就跟小編一起來看看這個失效的原因和解決方案吧

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>

問題的寫法

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

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

相關(guān)文章

  • 前端配合后端實現(xiàn)Vue路由權(quán)限的方法實例

    前端配合后端實現(xiàn)Vue路由權(quán)限的方法實例

    一開始我還以為vue的路由只能用在工程化的項目里面,其實不然,下面這篇文章主要給大家介紹了關(guān)于前端配合后端實現(xiàn)Vue路由權(quán)限的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-05-05

    • 最新評論