javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 04:27:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: [upload] improve typings (#6764)

Browse Source
This commit is contained in:
三咲智子
2022-03-23 18:50:36 +08:00
committed by GitHub
parent 74a4614605
commit 9c029b414d
10 changed files with 138 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/examples/upload/custom-thumbnail.vue
View File

@ -1,8 +1,7 @@
<template>
<el-upload action="#" list-type="picture-card" :auto-upload="false">
<template #default>
<el-icon><Plus /></el-icon>
</template>
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div>
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
@ -31,6 +30,7 @@
</div>
</template>
</el-upload>
<el-dialog v-model="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="" />
</el-dialog>
@ -48,10 +48,12 @@ const disabled = ref(false)
const handleRemove = (file: UploadFile) => {
console.log(file)
}
const handlePictureCardPreview = (file: UploadFile) => {
dialogImageUrl.value = file.url!
dialogVisible.value = true
}
const handleDownload = (file: UploadFile) => {
console.log(file)
}