微客导航 » 文章资讯 » vue使用iframe嵌入网页的示例代码

vue使用iframe嵌入网页的示例代码

2023-09-15 11:17:05 129

1、列表页面：

this.$router.push({name:'userTemplate',params:{reportUrl:reportUrl,reportType:reportType}})

点击查看后触发事件，带入参数跳转到userTemplate页面；reportType有两种类型，0表示reportUrl是绝对网址，1表示reportUrl是本地html文件。

2、userTemplate页面：

后端getFile：

//读取文件
@RequestMapping("/getFile")
@ResponseBody
publicHttpResultgetFile(StringreportUrl){
StringBuilderresult=newStringBuilder();
try{

FileSystemResourceresource=newFileSystemResource("D:"+File.separator+"test"+File.separator+reportUrl);
Filefile=resource.getFile();
BufferedReaderbr=newBufferedReader(newFileReader(file));
Strings=null;
while((s=br.readLine())!=null){
result.append(System.lineSeparator()+s);
}
br.close();
returnHttpResult.getSuccessInstance(result);
}catch(Exceptione){
e.printStackTrace();
returnHttpResult.getFailedInstance("读取异常");
}
}

到此这篇关于vue使用iframe嵌入网页的示例代码的文章就介绍到这了,更多相关vue使用iframe嵌入网页内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue使用iframe嵌入网页的示例代码

热门推荐

随机推荐