element-ui的校验规则rules中的pattern条件。

687 阅读1分钟

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})?