测试iframe，不成功

@@ -256,4 +256,12 @@ export default [{
     title: '我的视频'
   },
   children: []
+}, {
+  path: '/JSJIframe',
+  name: 'JSJIframe',
+  component: () => import('./views/JSJIframe.vue'),
+  meta: {
+    title: '作品上传'
+  },
+  children: []
 }];

+<template>
+  <div class="">
+    <iframe id="iframe" :src="src" style="height: 100vh" width="100%" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+const $route = useRoute();
+
+const src = ref($route.query.href)
+</script>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data () {
+    return {
+      myIframe: null
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    onLoad(frame) {
+      this.myIframe = frame.contentWindow
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

@@ -833,6 +833,11 @@ less@^4.1.2:
     needle "^2.5.2"
     source-map "~0.6.0"
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://mirrors.tencent.com/npm/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
+
 lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
@@ -1343,6 +1348,14 @@ vue-demi@*:
   resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.4.tgz"
   integrity sha512-ztPDkFt0TSUdoq1ZI6oD730vgztBkiByhUW7L1cOTebiSBqSYfSQgnhYakYigBkyAybqCTH7h44yZuDJf2xILQ==
 
+vue-iframes@^0.0.19:
+  version "0.0.19"
+  resolved "https://mirrors.cloud.tencent.com/npm/vue-iframes/-/vue-iframes-0.0.19.tgz#ebbfa8b2bafdf2b572fe2952daa4d1938b8a9f57"
+  integrity sha512-E9fpI0qanue7GNIKrss3d7HY5CWW3H1Z4n8wZT/LAthA++JYrKKUyrNh8BMswJ7f4Wu0KAbgdbFbon/jeYK7QA==
+  dependencies:
+    lodash.debounce "^4.0.8"
+    uuid "^8.3.2"
+
 vue-router@4:
   version "4.0.14"
   resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.14.tgz"