elementui input 只能输入数字并且限制最大值

最新推荐文章于 2024-09-14 17:43:40 发布

心向阳光，便是晴天

最新推荐文章于 2024-09-14 17:43:40 发布

阅读量2.9w

点赞数

本文链接：https://blog.csdn.net/weixin_43173924/article/details/100763450

版权

<el-table-column label="得分">
          <template slot-scope="scope">
            <div v-if="queryObj.isResult != undefined">{{scope.row.getDetailScore}}</div>
            <div v-else>
              <el-input
                type="number"
                size="small"
                v-model.number="scope.row.getDetailScore"
                @input="numberChange($event,scope.$index)"
                @change="numberChange($event,scope.$index)"
              ></el-input>
            </div>
          </template>
</el-table-column>
js:
numberChange(val, index) {
      let integer = /^(-|\+)?\d+$/;  //输入整数(包括0)的正则，解决不能输入负号问题
      if (integer.test(val)) {
        if (this.tableData[index].thirdScore == 0) {
          this.tableData[index].getDetailScore = parseInt(val);
        } else {
          this.tableData[index].getDetailScore = parseInt(val);
          this.$nextTick(() => {
            let newVal = Math.min(parseInt(val), this.tableData[index].thirdScore);
            this.tableData[index].getDetailScore = newVal;
          });
        }
      }
},