最多两位小数，且各项相加不能大于100

Decade_fan

已于 2024-05-13 20:46:24 修改

阅读量195

点赞数 3

文章标签：前端 javascript 开发语言

于 2024-04-18 12:36:18 首次发布

本文链接：https://blog.csdn.net/Decade_fan/article/details/137915222

版权

//表格插槽的输入框
<a-input
   v-model="row.number"
   placeholder="请输入"
   allowClear
   @change="changeNumber($event,row,index)"
   :style="{ width: '100%' }"
></a-input>

changeNumber(e, row, index) {
      let value = e.target.value
     //只能输入数值，且最多两位小数的正则校验
      let num = value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''
      row.bumber = num
      //求数组number值相加的和
      let n = 0
      this.tableList.forEach((i) => (n += i.number ? Number(i.number) * 100 : 0), 0)
      判断是否大于100
      if (n / 100 > 100) {
        this.$message.warning('对应数值各项相加不能大于100！')
        row.number = ''
      }
    },