el-form用自带rules校验输入为number类型
步骤:一、v-model加number后缀<el-form-item label="port" prop="thingsboard.port"><el-inputv-model.number="basicCfgData.port"placeholder="请输入"></el-input>
·
步骤:
一、v-model加number后缀
<el-form-item label="port" prop="thingsboard.port">
<el-input
v-model.number="basicCfgData.port"
placeholder="请输入"
></el-input>
<span class="helpTip">端口</span>
</el-form-item>
二、rules种加type:'number’限制
port: [
{ type:'number',required: true, trigger: "blur", message: "端口为数字类型" },
],
注意,上面两种要同时使用,只写.number,任何类型都能输入。只在rules里写number,任何输入都校验不通过。两者结合使用时,发现对数字类型校验通过
更多推荐
所有评论(0)