|
|
@@ -18,7 +18,7 @@
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<!-- TODO:相关文件下载逻辑补全 -->
|
|
|
- <el-link type="primary" @click="console.log('文件下载')">相关文件下载</el-link>
|
|
|
+ <!-- <el-link type="primary" @click="downloadFile">相关文件下载</el-link> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -69,7 +69,26 @@
|
|
|
|
|
|
<script lang="ts">
|
|
|
export default {
|
|
|
- name: "StudentEssay"
|
|
|
+ name: "StudentEssay",
|
|
|
+ methods: {
|
|
|
+ downloadFile() {
|
|
|
+ // 假设这是文件的URL
|
|
|
+ const url = 'https://example.com/path/to/your/file.pdf';
|
|
|
+ // 创建一个a标签
|
|
|
+ const link = document.createElement('a');
|
|
|
+ // 设置a标签的href属性为文件的URL
|
|
|
+ link.href = url;
|
|
|
+ // 设置下载的文件名,这里假设服务器支持通过URL参数设置文件名
|
|
|
+ // 如果不支持,可以省略这一步
|
|
|
+ link.download = 'downloaded_file.pdf'; // 设置下载文件的名称
|
|
|
+ // 触发点击事件
|
|
|
+ document.body.appendChild(link);
|
|
|
+ link.click();
|
|
|
+ // 清理工作,移除a标签
|
|
|
+ document.body.removeChild(link);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
</script>
|
|
|
|