vue 报错：value.replace is not a function

今天在项目中用到 replace 时报错：

代码如下：

export function LimitInput(value, type) {
  console.log('LimitInput', 'value:', value, 'type:', type)
  switch (type) {
    case 'test':
      console.log(value.match(/^\d*(\.?\d{0,2})/g))
      return
    case 'int':
      return
    case 'string':
      return
    case 'float':
      return value.replace(/[^\d.]/g, '')
    case 'uint':
      return value.replace(/[^\d]/g, '')
    case 'bool':
      return
    case 'datetime':
      return
    default:
      break
  }
}

我这里是限制输入框中只能输入自然数，所以对输入的内容进行正则匹配，如果是非自然数，就替换为空。

当输入 -1 时，无法使用 replace 方法，所以应该将 -1 转换成 string 类型然后再应用 replace 方法。

解决办法：将要进行替换的变量先转成 string类型，如下所示：

export function LimitInput(value, type) {
  console.log('LimitInput', 'value:', value, 'type:', type)
  switch (type) {
    case 'test':
      console.log(value.match(/^\d*(\.?\d{0,2})/g))
      return
    case 'int':
      return
    case 'string':
      return
    case 'float':
      return (value.toString()).replace(/[^\d.]/g, '')
    case 'uint':
      return (value.toString()).replace(/[^\d]/g, '')
    case 'bool':
      return
    case 'datetime':
      return
    default:
      break
  }
}

这样，就不会再报错了。