Upload

文件、图片上传,文件空间

示例

基础用法

<cl-upload v-model="urls" />

多图上传

<cl-upload v-model="urls" multiple drag />

文件上传

<cl-upload v-model="urls" multiple text="文件上传" type="file" />

自定义内容

<cl-upload multiple>
	<el-button>点击上传</el-button>

	<template #item="{ item, index }">
		<p>{{ item.url }}</p>
	</template>
</cl-upload>

自定义大小

<cl-upload text="选择图片" :size="[120, 200]" />

自定义大小

<cl-upload-space />

组件

cl-upload

参数

参数说明类型可选值默认值
v-model/modelValue图片地址string, array
type类型stringimage / fileimage
multiple是否多图上传booleanfalse
limit最大上传数量number9
limitSize最大上传大小number100
size图片大小number, string, array120
text文案string选择文件
showFileList是否显示上传图片列表booleantrue
drag是否可拖拽booleanfalse
disabled是否禁用booleanfalse

插槽

插槽说明
default选择上传区域
item上传列表的每一项

cl-upload-space

参数

参数说明类型可选值默认值
v-model/modelValue图片地址string
limit最大选择数量number9
disabled是否禁用booleanfalse
showBtn是否显示上传按钮booleantrue
Last Updated: