iview i-input type: 'number' 时，传入value="1" 传入字符串不显示

i-input 组件传入字符串问题

• 传入字符串时不显示：在使用 iview 的 i-input 组件时，如果设置 type: 'number' 并传入值为字符串 "1"，组件可能不会显示该值。14

解决方案

• 数据类型转换：确保传入的值是数字类型，而不是字符串。如果传入的是字符串，需要将其转换为数字类型。例如：value={Number(value)}。7
• 表单验证：在使用表单验证时，需要指定验证类型为 "integer" 或 "number"，以确保正确处理数字输入。2
• maxlength 属性：如果遇到 maxlength 失效的问题，检查是否因为类型设置不当导致。5

注意事项

• 尺寸设置：i-input 组件支持尺寸设置，但尺寸设置与类型设置是独立的，不会影响输入值的显示。10
• Select 组件：在使用 i-select 组件时，如果 value 为数字类型，需要确保表单验证正确处理数字类型的 value。8