<ElTable.TableColumn
          align="center"
          label="录音下载地址"
          prop="recordLocationUrl"
          min-width="120"
        >
          <template #default="{ row }">
            <ElButton @click="downloadAudio(row.recordLocationUrl)"
            :disabled="editDisabled"
              >录音下载</ElButton
            >
          </template>
        </ElTable.TableColumn>
        <ElTable.TableColumn
          align="center"
          label="录音音频播放"
          prop="recordLocationUrl"
          min-width="320"
        >
          <template #default="{ row }">
            <audio ref="audio" controls :src="row.recordLocationUrl" />
          </template>
        </ElTable.TableColumn>



function downloadAudio(elem: string) {
  ElMessage({
    message: "文件正在下载,请您耐心等待!",
    type: "warning",
  });
  const link = document.createElement("a");
  window.open(elem);
  link.download = "music.mp3";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

更多推荐