vue下载静态的模板

在组件文件中代码

export function downloadByA({ url, name = 'temp' }) {
  // 生成一个a元素
  const a = document.createElement('a')
  // 创建一个单击事件
  const event = new MouseEvent('click')
  // 设置图片名称
  a.download = name
  // 如果跳转页面，则在其他页面跳转
  a.target = '_blank'
  // 将生成的URL设置为a.href属性
  a.href = url
  // 触发a的单击事件
  a.dispatchEvent(event)
}

文件放在public/doc文件夹中

<el-link type="primary" @click="download">下载文件模板</el-link>

    download() {
      downloadByA({
        url: './doc/associatedOrderTemplate.xlsx',
        name: '模板.xlsx'
      })
    }