账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview InputNumber组件官方实例中输入负数会自动变成最小值,但是实际在代码中却没有
    42
    0
    <template>
        <InputNumber :max="10" :min="1" v-model="value1"></InputNumber>
    </template>
    <script>
        export default {
            data () {
                return {
                    value1: 1
                }
            }
        }
    </script>
    

    官方示例

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

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 台灯很亮 普通会员 1楼

      iview InputNumber组件的官方实例中输入负数会自动变成最小值,但是实际在代码中却没有,可能的原因有以下几点:

      1. 输入值没有被清空:当输入负数时,可能会先输入一些非负数,导致实际输入的负数没有被清空。

      2. 输入值是数字,而不是字符串:iview InputNumber组件支持数字输入,但如果不支持字符串输入,输入负数时可能会先转换为数字,而不是显示负数。

      3. 输入框的值设置为负数:iview InputNumber组件默认的值为正数,如果输入框的值设置为负数,那么输入负数时可能会先显示负数,而不是最小值。

      为了解决这些问题,你可以尝试以下几种解决方案:

      1. 在输入负数时,先清空输入框的值,确保输入的值为负数。

      2. 如果你的InputNumber组件支持字符串输入,那么可以在组件的配置中设置inputType="number",并设置最小值。

      3. 如果你的InputNumber组件默认的值为正数,那么可以设置value="0",并在输入负数时显示最小值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部