el-upload 阻止文件删除
时间: 2023-11-14 20:10:06 浏览: 98
el-upload 是一个基于 Element UI 的上传组件,它提供了多种上传方式和丰富的上传状态反馈。如果你想阻止文件删除,可以通过设置 beforeRemove 属性来实现。beforeRemove 是一个函数,它会在文件删除前被调用,如果返回 false,则文件不会被删除。以下是一个示例代码:
```
<el-upload
class="upload-demo"
action="/upload"
:before-remove="beforeRemove"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
<script>
export default {
methods: {
beforeRemove(file, fileList) {
// 判断是否允许删除
if (file.status === 'uploading') {
// 如果文件正在上传,则禁止删除
return false;
} else {
// 允许删除
return true;
}
}
}
}
</script>
```
在上面的代码中,beforeRemove 函数会判断文件的状态,如果文件正在上传,则禁止删除,否则允许删除。你可以根据自己的需求来修改这个函数。