记录vue动态切换video src 视频还是播放之前的视频，即使src已改变

Posted 2023-04-03

参考技术A 在确认src已改变后执行  

            this.$nextTick(() => 

                this.$refs.videoPlay.load();

              );

vue视频播放 切换视频地址后还播放之前的路径视频

在使用 elementUI 组件时
dialog 标签 进行弹窗时 进行视频播放
即使切换了src视频播放路径还是会播放原路径视频
那就就可以试试 在 dialog标签内 加一个 v-if
原理在于v-if 不同于 v-show 虽然都能实现是否展示内容
但是v-if 成立后都会重新创建 不成立时就会消除代码块。
换句话说就是成立是创建video标签，不成立则销毁video标签，
类似于初始化和销毁video的生命周期。
而v-show 则只是控制其样式隐藏 并没有对其销毁。

我使用了v-if 是实现了我的需求，如果你的问题和我很像不妨试一下，很简单。

以上只是我对v-if 和v-show 的理解
刚刚开始写博客，如果帮助到你请点个赞吧，或者在评论区讨论一下