甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
这篇文章主要讲解了vue如何使用iframe嵌入网页，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
永丰ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
1、列表页面：
this.$router.push({ name: 'userTemplate', params: { reportUrl: reportUrl, reportType: reportType }})点击查看后触发事件，带入参数跳转到userTemplate页面；reportType有两种类型，0表示reportUrl是绝对网址，1表示reportUrl是本地html文件。
2、userTemplate页面：
后端getFile：
//读取文件
@RequestMapping("/getFile")
@ResponseBody
public HttpResult getFile(String reportUrl){
StringBuilder result = new StringBuilder();
try{
FileSystemResource resource = new FileSystemResource("D:"+File.separator+"test"+File.separator+reportUrl);
File file = resource.getFile();
BufferedReader br = new BufferedReader(new FileReader(file));
String s = null;
while((s = br.readLine())!=null){
result.append(System.lineSeparator()+s);
}
br.close();
return HttpResult.getSuccessInstance(result);
}catch(Exception e){
e.printStackTrace();
return HttpResult.getFailedInstance("读取异常");
}
}看完上述内容，是不是对vue如何使用iframe嵌入网页有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。