64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
|
<docs>
|
|||
|
|
---
|
|||
|
|
order: 10
|
|||
|
|
title:
|
|||
|
|
zh-CN: 限制数量
|
|||
|
|
en-US: Max Count
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## zh-CN
|
|||
|
|
|
|||
|
|
通过 `maxCount` 限制上传数量。当为 `1` 时，始终用最新上传的代替当前。
|
|||
|
|
|
|||
|
|
## en-US
|
|||
|
|
|
|||
|
|
Limit files with `maxCount`. Will replace current one when `maxCount` is `1`.
|
|||
|
|
</docs>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<a-space direction="vertical" style="width: 100%" size="large">
|
|||
|
|
<a-upload
|
|||
|
|
v-model:file-list="fileList"
|
|||
|
|
list-type="picture"
|
|||
|
|
:max-count="1"
|
|||
|
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
|||
|
|
>
|
|||
|
|
<a-button>
|
|||
|
|
<upload-outlined></upload-outlined>
|
|||
|
|
Upload (Max: 1)
|
|||
|
|
</a-button>
|
|||
|
|
</a-upload>
|
|||
|
|
<a-upload
|
|||
|
|
v-model:file-list="fileList2"
|
|||
|
|
list-type="picture"
|
|||
|
|
:max-count="3"
|
|||
|
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
|||
|
|
>
|
|||
|
|
<a-button>
|
|||
|
|
<upload-outlined></upload-outlined>
|
|||
|
|
Upload (Max: 3)
|
|||
|
|
</a-button>
|
|||
|
|
</a-upload>
|
|||
|
|
</a-space>
|
|||
|
|
</template>
|
|||
|
|
<script lang="ts">
|
|||
|
|
import { UploadOutlined } from '@ant-design/icons-vue';
|
|||
|
|
import { defineComponent, ref } from 'vue';
|
|||
|
|
import type { UploadProps } from 'ant-design-vue';
|
|||
|
|
|
|||
|
|
export default defineComponent({
|
|||
|
|
components: {
|
|||
|
|
UploadOutlined,
|
|||
|
|
},
|
|||
|
|
setup() {
|
|||
|
|
const fileList = ref<UploadProps['fileList']>([]);
|
|||
|
|
const fileList2 = ref<UploadProps['fileList']>([]);
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
fileList,
|
|||
|
|
fileList2,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
</script>
|