vue项目中video标签的动态路径使用方法及里面的坑

今天,做项目的时候有个需求,需要在详情展示的时候播放.mp4文件,试了一些方法,最后在动态改变路径的时候卡那了,原来是因为,我们使用video标签的时候,会在里面嵌套一个source标签

并且这个url是固定的路径,videoUrl是动态的路径,这就导致我在切换数据详情页的时候,不会跟着详情的路径进行改变,后面排除了一些方法,才知道是这个标签使用的问题

把里面的source标签去掉 里面的路径写在video上面,这样就可以动态改变video了.

第一次写这种文章,希望能帮助到需要的同学