预览编辑界面加元素尺寸监听

src/views/book/courseware/preview/components/picture/PicturePreview.vue

@@ -83,13 +83,17 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.resizeObserver = new ResizeObserver((entries) => {
-        for (let entry of entries) {
-          this.elementWidth = entry.contentRect.width;
-          this.elementHeight = entry.contentRect.height;
-        }
-      });
-      this.resizeObserver.observe(this.$el);
+      let _class = document.querySelector('.canvas');
+      if (_class === null) return;
+      if (_class.classList.contains('canvas')) {
+        this.resizeObserver = new ResizeObserver((entries) => {
+          for (let entry of entries) {
+            this.elementWidth = entry.contentRect.width;
+            this.elementHeight = entry.contentRect.height;
+          }
+        });
+        this.resizeObserver.observe(this.$el);
+      }
     });
   },
   beforeDestroy() {

src/views/book/courseware/preview/components/video/VideoPreview.vue

@@ -98,13 +98,17 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.resizeObserver = new ResizeObserver((entries) => {
-        for (let entry of entries) {
-          this.elementWidth = entry.contentRect.width;
-          this.elementHeight = entry.contentRect.height;
-        }
-      });
-      this.resizeObserver.observe(this.$el);
+      let _class = document.querySelector('.canvas');
+      if (_class === null) return;
+      if (_class.classList.contains('canvas')) {
+        this.resizeObserver = new ResizeObserver((entries) => {
+          for (let entry of entries) {
+            this.elementWidth = entry.contentRect.width;
+            this.elementHeight = entry.contentRect.height;
+          }
+        });
+        this.resizeObserver.observe(this.$el);
+      }
     });
   },
   beforeDestroy() {