H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

在开头输入一个负号可以去掉,但是在后面连续输入多个负号却可以。
image.png
image.png
并且watch 监听到的值为空的。

回答:

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

回答:

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

本文地址:H5W3 » 【element-ui】vue 中el-input 为number 如何控制不允许输入负号

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址