利用window.location实现下载文档

本文介绍了一种使用window.location.href实现从网页导出文档的方法。通过点击按钮触发out()函数,利用Vue.js中$route.query获取上一级路由传递的参数,并将其拼接到目标URL中,从而实现文件的导出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

利用window.location实现下载文档

上面template里面写如下代码

<div class="tableBtnBox" >
	<Button @click= "out" type=" primary" >导出< /Button>
</div>

script标签里面

export default {
	methods:{
		//导出excel文件
		out: function(){  //out(){
			var batchNo = "";
			var environmentId = null;
			batchNo = this.$route.query.batchNo;
			console. log(batchNo);
			environmentId = this. $route.query.environmentId; 
			window.location.href = ' /mysens/ sensitiveInformat?batchNo= ' +batchNo+ ' &environmentId= ' +env ironmentId;
		},
		
	}
}

这里的$route.query是上一级路由传过来的参数

window.location.href 返回当前页面的 href (URL)
window.location.hostname 返回 (当前页面的)因特网主机的名称(域名)
window.location.pathname 返回当前页面的路径或文件名
window.location.protocol 返回使用的 web 协议(http: 或 https:)
window.location.assign 加载新文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值