实际操作为,在表格中
我们可以获取到文件的id,通过插槽就可以实现
<template #default="scope"><el-button type="text" @click="handleDown(scope.row)"><span>下载</span></el-button> </template>
handleDown(val){const a = document.createElement("a");const event = new MouseEvent("click");a.download = val.attachmentName;a.href = 下载文件的基本url + val.documentId;a.dispatchEvent(event);},
解析上段代码
const a = document.createElement("a");
:创建了一个新的<a>
元素,该元素用于生成下载链接。const event = new MouseEvent("click");
:创建了一个新的MouseEvent
对象,该对象用于模拟点击事件。a.download = val.attachmentName;
:将下载链接的文件名设置为val.attachmentName
。a.href = 下载文件的基本Url + val.documentId;+后面为参数,也就是文件的id
a.dispatchEvent(event);
: dispatch 事件,以模拟点击下载链接,从而触发浏览器的下载行为。