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>