iview InputNumber组件官方实例中输入负数会自动变成最小值,但是实际在代码中却没有

<template>
    <InputNumber :max="10" :min="1" v-model="value1"></InputNumber>
</template>
<script>
    export default {
        data () {
            return {
                value1: 1
            }
        }
    }
</script>

官方示例

在这个官方实例中输入-1 会自动变成1 ,但是将这段代码复制到实际页面上,却没有这样的效果,只在失去焦点时才会变成1

阅读 4.5k
1 个回答

你用最新的 v3.1.0 就可以了

主要改动还是:https://github.com/iview/ivie...

核心还是 input 事件:

@input="change"

之前的版本都是在 change 方法里面有:

直接把

if (event.type == 'input' && val < min) return;
if (val > max) {
    this.setValue(max);
} else if (val < min) {
    this.setValue(min);
} else {
    this.setValue(val);
}

改成了:这里不处理输入值和大小判断,以及小于最小值时候的那个 return

this.setValue(val);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题