learning-system-portal/src/views/study/StudyPath.vue

<template>
  <!--学习路径图-->
  <div class="box">
    <iframe id="studyPathFrame" :src="basePath+'/learnpath'" style="width: 100%;height: 800px;" frameborder="0"></iframe>
  </div>
</template>

<script>
  export default{
    data(){
      return {
        basePath:process.env.VUE_APP_STUDENT_PATH
      }
    },
    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 lang="scss">
  .box{
      // width: 100%;
      height: 100%;
  }
</style>