vue3.0 element-plus 实现下载

要实现下载功能，首先需要在前端定义一个下载链接，然后触发下载操作。在Vue 3.0中，可以通过使用element-plus的el-button组件和el-link组件来实现下载功能。

首先，在template中定义一个el-button组件，用于触发下载操作：

<template>
  <el-button type="primary" @click="downloadFile">下载文件</el-button>
</template>

然后，在methods中定义一个downloadFile方法，该方法将使用el-link组件来触发下载操作：

<template>
  <el-button type="primary" @click="downloadFile">下载文件</el-button>
</template>

<script>
export default {
  methods: {
    downloadFile() {
      const url = 'http://example.com/file.pdf' // 替换为实际的下载链接
      const link = document.createElement('a')
      link.href = url
      link.setAttribute('download', '')
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
    }
  }
}
</script>

在上面的代码中，downloadFile方法中创建了一个a标签，将下载链接设置为a标签的href属性，然后将a标签添加到页面中，触发a标签的点击事件，最后从页面中删除a标签。这样就可以实现文件下载功能了。