Browse Source

解决qq浏览器里视频播放后,切换前端路由,视频元素不被卸载的bug

任一存 3 năm trước cách đây
mục cha
commit
37457b7624
2 tập tin đã thay đổi với 13 bổ sung1 xóa
  1. 7 1
      src/views/End.vue
  2. 6 0
      src/views/ExhibitionDetail.vue

+ 7 - 1
src/views/End.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="comp-root">
+  <div
+    class="comp-root"
+  >
     <video
       ref="video"
       class="video"
@@ -26,6 +28,10 @@ export default {
   },
   destroyed() {
     clearInterval(this.intervalId)
+    // qq浏览器的bug:本组件被销毁后,视频元素依然存在。需要刷新页面。
+    if (window.navigator.userAgent.includes('MQQBrowser')) {
+      history.go()
+    }
   },
   methods: {
     onPlay() {

+ 6 - 0
src/views/ExhibitionDetail.vue

@@ -173,6 +173,12 @@ export default {
   },
   mounted() {
   },
+  destroyed() {
+    // qq浏览器的bug:本组件被销毁后,视频元素依然存在。需要刷新页面。
+    if (window.navigator.userAgent.includes('MQQBrowser') && this.videoSrc) {
+      history.go()
+    }
+  },
   methods: {
     onClickPageBack() {
       this.$router.go(-2)