我的页面上有多个视频播放器组件。 我需要在所有组件上实现一个同步按钮,按下时会发生什么。将所有其他“从属”视频的 currentTime 设置为与“主”组件相同的时间,并播放/暂停、快退等......所有视频一起。
似乎最好的方法是与父组件进行通信,并让父组件同步所有子组件。
我可以使用一些关于如何在 vue 中实现此功能的指示。
最佳答案
我认为你想要做到这一点的方法是创建一个事件总线(只是一个数据项,它本身就是一个 Vue 实例),将其作为 prop
传递给每个子级。 。当按下同步按钮时, child 将 emit
公共(public)汽车上的事件。每个 child 也会listen对于公交车上的这些事件并相应地设置其视频时间。
关于javascript - vue.js 视频播放器组件同步播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53480271/