提交iframe嵌入

src/views/study/StudyPath.vue

@@ -1,12 +1,25 @@
 <template>
   <!--学习路径图-->
-  <div style="height: 100%;">
-    <iframe src="/fe-student/learnpath" style="width: 100%;height: 100%;" frameborder="0"></iframe>
+  <div class="box">
+    <iframe id="studyPathFrame" src="/fe-student/learnpath" style="width: 100%;height: 100%;" frameborder="0"></iframe>
   </div>
 </template>
 
 <script>
+  export default{
+    mounted() {
+      const oIframe = document.getElementById('studyPathFrame');
+      //const deviceWidth = document.documentElement.clientWidth;
+      const deviceHeight = document.documentElement.clientHeight;
+      //oIframe.style.width = (Number(deviceWidth)-220) + 'px'; //数字是页面布局宽度差值
+      //oIframe.style.height = (Number(deviceHeight)-300) + 'px'; //数字是页面布局高度差
+    }
+  }
 </script>
 
-<style>
+<style lang="scss">
+  .box{
+      // width: 100%;
+      height: 100%;
+  }
 </style>