FileInput

附件选择器，可以快捷选择服务器中的附件资源，包含文件、图片、音频、视频等。

基础用法

基础用法基础用法基础用法基础用法基础用法基础用法。

basic.vue

<template>
  <dk-file-input v-model="file" />
  <p>选择的地址：{{ file }}</p>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const file = ref()
</script>

组件配置

FileInput Props

属性	说明	类型	默认值
modelValue	输入值 v-model	string	''
placeholder	占位符	string	''
showInput	是否显示输入框	boolean	true
imgSize	图像大小	number	100
accept	文件接受类型	string	''

FileInput Events

事件名	说明	参数
click	点击触发的事件	(event: MouseEvent) => void
input	输入触发的事件	(value: string) => void
change	仅当 modelValue 改变时，当输入框失去焦点或用户按Enter时触发	(value: string) => void

类型定义

组件导出以下类型定义

import type {FileInputProps} from '@vipl520/dk-ui'