iframe vue 打卡新窗口

<template>
  <div class="mydiv">
    <div id="bgwrap">
      <iframe :src="src"  width="100%" height="100%"></iframe>
    </div>
  </div>
</template>
<script>

  import 'viewerjs/dist/viewer.css';

  export default {
    data() {
      return {
        pid: 0,
        items: [],
        src:this.$route.query.src
      }
    },
    methods: {

    },
    created() {
      console.log(this.$route);
      document.title = this.$route.query.title;
    },
    mounted() {

    }

  }
</script>
<style lang="less" scoped>
  #bgwrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 901;
  }
</style>