vue 中 video标签数据(src)改变,页面不刷新

在Vue应用中遇到video标签无法自动刷新播放新视频的问题。原因为video标签没有监听到数据变化。通过修改video标签的src属性为绑定方式解决了此问题,当judgeData.video数据改变时,video组件会自动更新播放新的视频源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.场景描述:

video标签组件,我在审核页面不有视频审核这一项吗,我就封装了一个videocard这个组件,通过把列表渲染出来的URL,传给组件,当点击不同审核视频时传给我视频组件url播放不同视频,但是我这video标签不刷新,我都点下一个视频了,数据也同步过去了,但是video标签没有更新,展示的还是原视频。

原代码

<video controls autoplay preload>
   <source :src="judgeData.video" type="video/mp4" />
</video>

2.解决办法

<video :src="judgeData.video" controls autoplay preload>
//改成这样 当我们获取到的judgeData.video发生变化时,就会自动更新视频播放
</video>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值