vue的rules验证失效,部分可以部分又失效的原因

vue的rules验证失效,部分可以部分又失效的原因

很多百度都有,但是我这里遇到了一个特别的,那就是prop没有写全,导致验证某一个失效

例子:
正常写法

html 复制代码
 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">
      允许人数<span style="font-size: 12px; color: red">(偶数)</span>
   </span>
  <el-input v-model="form.maxNum" type="number" placeholder="请输入允许人数"/>
</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="结束日期">
      </el-date-picker>
</el-form-item>

问题的写法

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">
      允许人数<span style="font-size: 12px; color: red">(偶数)</span>
   </span>
  <el-input v-model="form.maxNum" type="number" placeholder="请输入允许人数"/>
</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="结束日期">
      </el-date-picker>
</el-form-item>

这里 prop="cost"没有写,就会导致问题,所以要写全,即使不做校验

相关推荐
真的想不出名儿43 分钟前
vue项目引入字体
前端·javascript·vue.js
笨蛋不要掉眼泪1 小时前
SpringBoot项目Excel成绩录入功能详解:从文件上传到数据入库的全流程解析
java·vue.js·spring boot·后端·spring·excel
奶糖 肥晨4 小时前
Uniapp 开发中遭遇「可选链赋值」语法陷阱:一次编译错误排查实录
javascript·vue.js·uni-app
belldeep5 小时前
python:Django 和 Vue.js 技术栈解析
vue.js·python·django
正义的大古6 小时前
OpenLayers地图交互 -- 章节十七:键盘缩放交互详解
javascript·vue.js·openlayers
薄雾晚晴6 小时前
大屏开发实战:封装自动判断、无缝衔接的文字滚动组件,告别文本截断烦恼
前端·javascript·vue.js
Beginner x_u7 小时前
前端八股文 Vue上
前端·javascript·vue.js·八股文
小刘鸭地下城7 小时前
Vue 3 开发完全指南:从基础到高级的最佳实践
vue.js
逃离疯人院7 小时前
Vue3模板编译优化:Patch Flags与Block Tree深度解析
vue.js
小岛前端7 小时前
sass-embedded:高性能版的 Sass
前端·vue.js