vue 中el-input 为number 如何控制不允许输入负号

Question

如图所示需要输入0~100 的百分比
在这里通过监听value 的变化

watch: {
   value(val) {
        if(val.toString().includes('-')) {
          this.value = Number(val.toString().replace(/\-/g,''));
        }
    }
}

在开头输入一个负号可以去掉，但是在后面连续输入多个负号却可以。


并且watch 监听到的值为空的。

Answer 1

<el-input-number :min="0"></el-input-number>

Answer 2

<el-input-number v-model="value" :min="1" :max="100" :controls="false"></el-input-number>