vue下载mp4视频文件

Vue框架本身并没有提供下载MP4视频文件的功能，但是可以通过JavaScript来实现。

方法一：使用a标签下载

html代码：

<a href="url" download="name.mp4">点击下载</a>

JavaScript代码：

document.querySelector('a').setAttribute("href", videoUrl);
document.querySelector('a').setAttribute("download", "video.mp4");

这里的 videoUrl 是你需要下载的视频文件的地址。

方法二：使用xhr请求下载

html代码：

<button @click="downloadVideo()">下载视频</button>

JavaScript代码：

downloadVideo() {
  let xhr = new XMLHttpRequest();
  xhr.open('GET', videoUrl);
  xhr.responseType = 'blob';
  xhr.onload = function () {
    let aElement = document.createElement('a');
    let blob = xhr.response;
    let objectUrl = URL.createObjectURL(blob);
    aElement.href = objectUrl;
    aElement.download = 'video.mp4';
    document.body.appendChild(aElement);
    aElement.click();
    document.body.removeChild(aElement);
    URL.revokeObjectURL(objectUrl);
  };
  xhr.send();
}

这里的 videoUrl 是你需要下载的视频文件的地址。

无论是使用a标签还是xhr请求，都需要一个视频文件地址作为参数，并且在代码中设置文件名。同时需要注意的是，在使用xhr请求下载时，需要将获取到的视频文件转换成blob类型，然后创建一个a标签，将视频文件挂载在a标签上下载。