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

<template>
 <div> 
  <iframe v-if="reportType==0" name = "child" id = "child" v-bind:src="/UploadFiles/2021-04-02/reportUrl">

后端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嵌入网页的示例代码的文章就介绍到这了,更多相关vue使用iframe嵌入网页内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！