首页 > vueJs组件的生命周期的一个疑问?

vueJs组件的生命周期的一个疑问?

在一个SPA页面里:url:xxxx.dev/video/{:id},有一个vue组件的视频播放器。

当在视频列表的不同集数点击的时候,该SPA页面通过canReuse = false来使页面刷新,此时视频播放器会经过created方法和destoryed方法,video的source是SPA页面从服务器请求,然后通过props传递给vue组件的,这时候会出现一个bug。

由于视频播放器可以通过空格来开始和暂停播放,当从第X集跳到第Y集时,按下空格后,X集的视频声音还会继续播放,跳跃很多集后,之前的集数的声音在,最新页面的声音画面都在,但通过log看出该视频播放器组件是经历了created和destinyed的,不知道问题出在哪里。

bug展示页面:http://www.clannader.com/video/1

希望对vue组件化了解的前辈指点一下,谢谢!

【热门文章】
【热门文章】