vue/js动态更改video的source路径不起效

问题现象

在vue项目中（或各网页），当我们需要用到video控件播放视频，当需要点击其他视频图片想要在主视频区域中播放时，在项目直接更改主视频的source文件路径（直接src不存在这个问题），发现视频并没有按我们想象中那样变成另一个视频路径播放。例如，在vue项目中我们这样写：

<video>
	<source v-for="(type) in video" :key="type.id" :src="type.src" :type="'video/' + type.type"></source>
	<p>您的浏览器不支持 video 标签。</p>
</video>

data: ()=>{
   
	return {
   
		video: [