input 输入框只让输数字操作

117 阅读1分钟

前言: 有时候input输入框特殊需求, 刚好现在项目就有这个需求, 需要输入框只允许输入数字 输入其它的不显示

结构:

el-input(v-model="formData.planInvestMoney"  @input="formatNum" placeholder="请输入" )

逻辑:

const formatNum: any = () => {
    if (!state.formData.planInvestMoney.match(/^[0-9]\d*\.\d*$/)) {
          let moneyFloat: any = parseInt(state.formData.planInvestMoney);
          if (moneyFloat < 0) {
            moneyFloat = Math.abs(moneyFloat);
          } else if (isNaN(moneyFloat)) {
            moneyFloat = "";
          }
          state.formData.planInvestMoney = moneyFloat;
        }
}