输入框限制正数,若为小数,限制最多只能有一个`.`

首先声明公共方法:

function filterNumInput (input) {
  let decimalCount = 0
  let filteredInput = ''
  for (let i = 0; i < input.length; i++) {
    const char = input[i]
    if (char === '.') {
      if (decimalCount === 0) {
        decimalCount++
        filteredInput += char
      }
    } else if (/^\d$/.test(char)) {
      filteredInput += char
    }
  }
  return filteredInput
}

页面使用:

         wholesalePrice: {
            render: (h, params) => {
              return  h('el-input', {
                class: {
                  'table-input': true
                },
                attrs: {
                  placeholder: '请输入'
                },
                props: {
                  value: params.row.wholesalePrice,
                },
                on: {
                  input: (v) => {
                    params.row.wholesalePrice = filterNumInput(v)
              
                  }
                }
              })
            }
          },

猜你喜欢

转载自blog.csdn.net/qq_55874738/article/details/132717763