|
|
@@ -53,13 +53,13 @@
|
|
|
</template>
|
|
|
</template>
|
|
|
|
|
|
- <template #file-list="{ file }">
|
|
|
+ <template #file-list="{ file , index}">
|
|
|
<div>
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
<span
|
|
|
class="el-upload-list__item-preview"
|
|
|
- @click="handlePreview(file)"
|
|
|
+ @click="handlePreview(file,index)"
|
|
|
>
|
|
|
<el-icon><zoom-in /></el-icon>
|
|
|
</span>
|
|
|
@@ -73,7 +73,7 @@
|
|
|
<span
|
|
|
v-if="!disabled"
|
|
|
class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove(file)"
|
|
|
+ @click="handleRemove(file,index)"
|
|
|
>
|
|
|
<el-icon><Delete /></el-icon>
|
|
|
</span>
|
|
|
@@ -386,9 +386,9 @@ const handleRemove = (file) => {
|
|
|
// fileList.value = fileList.value.filter(f => f.url !== file.url)
|
|
|
// 从fileList中移除该文件
|
|
|
const index = fileList.value.findIndex(f =>
|
|
|
- f.uid === file.uid || f.url === file.url || f.id === file.id
|
|
|
+ f.uid === file.uid
|
|
|
)
|
|
|
-
|
|
|
+ console.log('index:', index,fileList.value)
|
|
|
if (index > -1) {
|
|
|
fileList.value.splice(index, 1)
|
|
|
}
|
|
|
@@ -401,8 +401,8 @@ const handleExceed = (files, fileList) => {
|
|
|
}
|
|
|
|
|
|
// 文件预览处理
|
|
|
-const handlePreview = (file) => {
|
|
|
- console.log('预览文件:', file)
|
|
|
+const handlePreview = (file,index) => {
|
|
|
+ console.log('预览文件:', file,index)
|
|
|
currentPreviewFile.value = file
|
|
|
|
|
|
// 图片文件直接预览
|