element 校验不通过问题

前提概括

element 的 form 表单需要校验非空,我已选择数据,但是依旧报空,如下:
在这里插入图片描述

代码已在el-form-item添加prop:


html: 
<el-form-item label="入货仓库" prop="inStockId">
	<el-select v-model="dataForm.inStockId">
		 <el-option v-for="options" :key="item.value" :label="item.label" :value="item.value">
		</el-option>
	</el-select>
 </el-form-item>
 js:
 校验规则:
 dataRule: {
 	inStockId: [{ required: true, message: "入货仓库不能为空", trigger: "blur" } ],
 }

可是结果就是不行,一直报不能为空,打印控制台也能打印出dataForm.inStockId。
最后我发现,是在data()中的dataForm没有定义inStockId这个属性
在dataForm中加入inStockId初始化即可

猜你喜欢

转载自blog.csdn.net/qq_51741730/article/details/127687848