Skip to content

文件输入框

@astryxdesign/core v0.7.1 · FileInput

FileInput 属性 ​

名称类型默认值说明
v-modelFile | File[] | nullnull选中的文件。打开 isMultiple 时为数组。
labelstring—必填。无障碍名称。
acceptstring—HTML accept 列表,例如 .pdf,.docx 或 image/*。
isMultiplebooleanfalse是否允许多个文件。
maxSizenumber—单个文件的最大字节数。
maxFilesnumber—多选时的文件数量上限。
mode'input' | 'dropzone''input'紧凑输入框,或虚线拖放区。
placeholderstring选择文件未选择时的文字,跟随语言。
size'sm' | 'md' | 'lg''md'高度,分别是 28、32、36px。
statusFieldStatusInput—错误、警告或成功。未传时,被拒绝的文件会自己产生错误。
statusVariant'attached' | 'detached' | 'tooltip''attached'状态消息的位置。
isDisabledbooleanfalse禁止打开选择器,也不接受拖放。
disabledMessagestring—禁用原因。和 isDisabled 一起用时,悬停或键盘聚焦会显示这段提示,触发按钮仍可聚焦(带 aria-disabled),但打不开文件选择框。
labelTooltipstring—标签末尾信息图标里的说明。
isRequiredbooleanfalse标记为必填。
isLoadingbooleanfalse显示加载指示,用于上传过程。
descriptionstring—标签下方的说明。
widthnumber | string—整个字段的宽度。数字按像素处理。
changeAction(files) => void | Promise<void>—选中和清除之后调用。失败时发出 actionError,等待期间显示加载指示。
clearLabelstring—清除按钮的读屏名称,默认带字段名。提示只说「清除」。
containerClassstring | object | array—加到字段外壳的 class。在 InputGroup 和横向标签的 FormLayout 里没有外壳,此时不生效,开发环境会警告。
containerStyleStyleValue—加到字段外壳的行内样式。
controlClassstring | object | array—加到文件框本体的 class。直接写在组件上的 class 也落在本体,不会警告。
controlStyleStyleValue—加到文件框本体的行内样式。直接写在组件上的 style 也落在本体。

事件 ​

名称参数说明
update:modelValueFile | File[] | null选择变化时触发。
changeFile | File[] | null携带同一个值。发生在 changeAction 之前。
actionErrorunknown, File | File[] | nullchangeAction 抛错时触发。