vue3window.location.href下载

根据您提供的引用内容，在Vue 3中使用`window.location.href`进行下载的方法可以有几种不同的实现方式。

第一种方法是通过接口及参数下载，即使用`window.location.href`将接口URL与参数拼接在一起，然后进行下载。例如，可以使用以下代码实现：

window.location.href = `${url}?flag=1&id=${id}`;

其中，`url`是接口的URL，`flag`和`id`是接口的参数。这样做可以根据接口和参数的设定来下载文件。

第二种方法是通过文件名下载，即直接使用`window.location.href`将文件的URL拼接在一起，然后进行下载。例如，可以使用以下代码实现：

window.location.href = `${url}/文件名.xlsx`;

其中，`url`是文件的URL，`文件名.xlsx`是要下载的文件名。这样做可以根据文件名来下载文件。

第三种方法是如果文件名包含中文，则需要对文件名进行编码。可以使用`encodeURI()`函数对文件名进行编码，然后将编码后的文件名拼接在URL中。例如，可以使用以下代码实现：

window.location.href = `${url}/${encodeURI("文件名.xlsx")}`;

这样做可以确保文件名中的中文字符被正确编码，以便在下载时能够正常处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue 中 文件下载方式总结](https://blog.csdn.net/huanxin_94/article/details/120441448)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]