Vue只能输入数字正则表达式

例子如下：

    <el-input
          v-model.number="jbTime"
          placeholder="请输入数字"
          oninput="value=value.replace(/[^\d]/g,'')" 
          maxlength="9"
        >
          <template slot="append">.........</template>
        </el-input>

oninput="value=value.replace(/[^\d]/g,'')"

如果只能输入数字并且不可以为0，正则如下：

oninput="value=value.replace(/^0|[^\d]/g, '')"

 基于element组件输入框只能输入非负数可以是小数

 

<el-col :span="24">
              <el-form-item
                label=" "
                prop="price"
                :rules="[
                  { required: true, message: '请输入售价', trigger: 'blur' }
                ]"
              >
                <div class="el-input el-input-group el-input-group--prepend">
                  <div class="el-input-group__prepend" tabindex="-1">售价</div>
                  <div class="el-input-number--medium" style="width:310px">
                    <el-input-number v-model="modelForm.price" :controls="false" :min="0" placeholder="请输入售价">
                      <template
                        slot="prepend"
                      >售价</template>
                    </el-input-number>
                  </div>
                </div>
              </el-form-item>
            </el-col>

 

__EOF__

本文作者：fiamme
本文链接：https://www.cnblogs.com/vivin-echo/p/13953748.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！