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>