<el-upload action="#" list-type="picture-card" :auto-upload="false">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt />
<span class="el-upload-list__item-actions">
<span @click="handlePictureCardPreview(file)">
<i class="el-icon-zoom-in"></i>
</span>
<span v-if="!disabled" @click="handleDownload(file)">
<i class="el-icon-download"></i>
</span>
<span v-if="!disabled" @click="handleRemove(file)">
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</el-upload>
disabled: false
handleRemove(file) {
console.log('删除了文件');
},
handlePictureCardPreview(file) {
console.log('点击了预览按钮')
},
handleDownload(file) {
console.log('点击了下载按钮');
},
:auto-upload="false"这就是不上传到服务器,当action为#时要设置为false