vue 中 video标签数据（src）改变，页面不刷新

weixin_48643202

已于 2023-09-11 15:17:13 修改

阅读量644

点赞数

文章标签： vue.js 前端 javascript

于 2023-09-11 11:11:30 首次发布

本文链接：https://blog.csdn.net/weixin_48643202/article/details/132802827

版权




<templae>
	<!-- 给video绑定个ref值 -->
    <video ref='video' controls>
       浏览器支持的video元素
    </video>
    
    <!-- 给audio绑定个ref值 -->
    <audio ref='audio' controls>
    	<source :src="audio_url">
   		您的浏览器不支持 audio 元素。
    </audio>
</templae>
<script>
	this.$refs.video.src = res.data.video_url
    //正确写法：在需要动态绑定的方法里用$refs动态设置src
    this.$refs.audio.src = res.data.audio_url
   // this.audio_url = res.data.audio_url   //直接赋值，src失效写法
</script>