vue中批量下载的一种方式
在开发中,对于批量的下载的业务很常见,当然也会有很多的处理方式。描述一下我碰到的一个批量下载处理方式。通过window.open()实现跳转新页面,然后根据后端的接口,前端不需要进行请求。直接跳转这个后端给出的这个接口地址,然后通过传入相应的参数即可。实例代码如下:window.open(`/supplierRelation/salecluenew/allexport?param=%7B%22us
在开发中,对于批量的下载的业务很常见,当然也会有很多的处理方式。描述一下我碰到的一个批量下载处理方式。
通过window.open()实现跳转新页面,然后根据后端的接口,前端不需要进行请求。直接跳转这个后端给出的这个接口地址,然后通过传入相应的参数即可。实例代码如下:
window.open(`/supplierRelation/salecluenew/allexport?param=%7B%22userid%22:%22${userInfos.userId}%22,%22departmentid%22:%22${userInfos.role}%22%7D`)
但是其中会 有一个小坑,当时在本地进行调试的时候,会出现一种情况,页面会报错,可能是因为location.host的缘故,不起作用,页面直接无法启动,所以报错了。当时的代码如下:
window.open(`${location.host}/supplierRelation/salecluenew/allexport?param=%7B%22userid%22:%22${userInfos.userId}%22,%22departmentid%22:%22${userInfos.role}%22%7D`)
然后在线上环境时,会发现写localtion.host是多余的,不用在拼接主机号和域名,会出现重复的主机号和域名。
所以最终的代码为:
window.open(`/supplierRelation/salecluenew/allexport?param=%7B%22userid%22:%22${userInfos.userId}%22,%22departmentid%22:%22${userInfos.role}%22%7D`)
这样既可。欢迎大家评论交流。
更多推荐
所有评论(0)