vue el-input限制只能输入数字

el-input限制只能输入数字

        <el-form-item label="保质期（天）" prop="shelfLife" required>
          <el-input
            v-model="form.shelfLife"
            placeholder="请输入天数"
            size="mini"
            class="form-item-width"
            oninput="value=value.replace(/[^0-9]/g,'')"
          ></el-input>
        </el-form-item>

后来发现使用 oninput="value=value.replace(/[^0-9]/g,'')"这种方式当输入中文在输入数字时会出现v-model不刷新的情况，如果遇到这样的问题，可以使用以下方式来解决

        <el-form-item label="保质期（天）" prop="shelfLife" required>
          <el-input
            v-model="form.shelfLife"
            placeholder="请输入天数"
            size="mini"
            class="form-item-width"
           @input="(v) => (form.shelfLife = v.replace(/[^\d]/g, ''))"
          ></el-input>
        </el-form-item>