1.我们会经常遇到一种情况就是我们使用form表单的时候,会遇到表单需要校验的情况。 比如说我们需要限制表单里面只能让它输入数字。
<el-form
ref="form"
:model="form"
size="medium"
v-isTooltip
:rules="rules"
>
<el-col :span="span">
<el-form-item
label="市场"
prop="market"
class="itemWidth"
>
<el-input
v-if="type != 'check'"
v-model="form.market"
class="itemWidth"
clearable
>
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-col>
</el-form>
2.rules:{market: [{ pattern: /^[1-9]\d*/, message: "请输入整数", trigger: "blur" }]} 3.数字的正则:^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?