iview ＜InputNumber＞输入-0.01问题

在iview官网中给出的<InputNumber>输入框中，可以指定输入的最小值和最大值

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

例如输入101，在输入框中也只能输入到10，这个时候可以去除最大最小的限制:max="10" :min="1"

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

在这个过程中遇到了一个问题，如果正常情况下我输入负数，例如-1.5，-5都可以输入，但是输入-0.01会默认帮我转换成0，无法输入-0.01

 

解决方法：可以加入:active-change="false"属性（是否实时响应数据，设置为 false 时，只会在失焦时更改数据）

<template>
    <InputNumber :active-change="false" v-model="value1"></InputNumber>
</template>
<script>
    export default {
        data () {
            return {
                value1: 1
            }
        }
    }
</script>