可以通过vue中的key 实现。所以当key 值变更时,会自动的重新渲染。
<template>
<video :src="videoSrc" :key='videoSrc'></video>
</template>
<script>
export default{
data(){
return {
videoSrc:""
}
},
}
</script>
本文介绍了如何在Vue中通过更改组件的key值来触发组件的重新渲染,以此实现视频源的动态更新。示例代码展示了一个使用video标签并结合key属性的模板,当videoSrc数据改变时,video组件会自动更新。
可以通过vue中的key 实现。所以当key 值变更时,会自动的重新渲染。
<template>
<video :src="videoSrc" :key='videoSrc'></video>
</template>
<script>
export default{
data(){
return {
videoSrc:""
}
},
}
</script>
3528

被折叠的 条评论
为什么被折叠?