javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [upload] two-way binding fileList (#8258)

Browse Source
This commit is contained in:
三咲智子
2022-06-17 15:01:30 +08:00
committed by GitHub
parent 9aa1632452
commit 73f48ae7a7
12 changed files with 59 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/examples/upload/avatar.vue
View File

@@ -1,7 +1,7 @@
<template>
<el-upload
class="avatar-uploader"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"

14
docs/examples/upload/basic.vue
View File

@@ -1,14 +1,14 @@
<template>
<el-upload
v-model:file-list="fileList"
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
multiple
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-button type="primary">Click to upload</el-button>
<template #tip>
@@ -26,12 +26,12 @@ import type { UploadProps, UploadUserFile } from 'element-plus'
const fileList = ref<UploadUserFile[]>([
{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',
name: 'element-plus-logo.svg',
url: 'https://element-plus.org/images/element-plus-logo.svg',
},
{
name: 'food2.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',
name: 'element-plus-logo2.svg',
url: 'https://element-plus.org/images/element-plus-logo.svg',
},
])

2
docs/examples/upload/drag-and-drop.vue
View File

@@ -2,7 +2,7 @@
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
multiple
>
<el-icon class="el-icon--upload"><upload-filled /></el-icon>

4
docs/examples/upload/file-list-with-thumbnail.vue
View File

@@ -1,10 +1,10 @@
<template>
<el-upload
v-model:file-list="fileList"
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
list-type="picture"
>
<el-button type="primary">Click to upload</el-button>

4
docs/examples/upload/file-list.vue
View File

@@ -1,9 +1,9 @@
<template>
<el-upload
v-model:file-list="fileList"
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-change="handleChange"
:file-list="fileList"
>
<el-button type="primary">Click to upload</el-button>
<template #tip>

2
docs/examples/upload/limit-cover.vue
View File

@@ -2,7 +2,7 @@
<el-upload
ref="upload"
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:limit="1"
:on-exceed="handleExceed"
:auto-upload="false"

2
docs/examples/upload/manual.vue
View File

@@ -2,7 +2,7 @@
<el-upload
ref="uploadRef"
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:auto-upload="false"
>
<template #trigger>

4
docs/examples/upload/photo-wall.vue
View File

@@ -1,10 +1,10 @@
<template>
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
v-model:file-list="fileList"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:file-list="fileList"
>
<el-icon><Plus /></el-icon>
</el-upload>