关于element ui 输入框千分位的处理

1、在input和input-number之间纠结了好久，最后还是选用了input来保证数据完全正确。

千分位就是要求，当用户输入1000 能自动转化为=》1,000
 

2、一开始我用的是toLocaleString 它真的很好用，还能自动补充小数，进行四舍五入，但是在进行数据转化的时候，一但数据过大，它就是出现错误

 num=Number(num).toLocaleString('zh', {
        minimumFractionDigits: index,
        maximumFractionDigits: index,
       })

例如，可以看到这个时候Number转换已经有问题了，可是我偏偏还有这样的数据，于是我就自己写了函数

以下是最后改正的函数

@params 1000 ,5
return 1,000.00000

 handleData(data,index){
      data=String(data)
      data=data.replace(/^(0+)/g, "")
      data=data.replace(/[^\d.]/g, "")
      let [integer,decimal]=data.split('.')
      integer=this.handleInteger(integer)
      decimal=this.handleDecimal(decimal,index)
      let value='0'
      if(index==0) value=integer
      else value=integer+'.'+decimal
      return value
    },
//处理整数
    handleInteger(integer){
      let str=''
      if(integer){
        integer=integer.split("").reverse().join("")
        for(let i=0;i<integer.length;i++){
          if(i%3===0 && i!=0){
            str=+integer[i]+','+str
          }else{
            str=integer[i]+str
          }
        } 
      }else{
        str='0'
      }
      return str
    },
//处理小数
    handleDecimal(decimal,index){
      let str=''
      if(decimal){
        if(decimal.length<index){
          decimal='0.'+decimal
          decimal=Number(decimal).toLocaleString('zh', {
                minimumFractionDigits: index,
                maximumFractionDigits: index,
            })
          str=decimal.split('.')[1]
        }else{
          str=decimal.slice(0,index)
        }
       
      }else{
        str=Array.from({length: index}, () => 0).join('')
      }
      return str
    },