当前位置: 代码迷 >> 综合 >> uniapp 刷新video和live-player组件,实现刷新效果
  详细解决方案

uniapp 刷新video和live-player组件,实现刷新效果

热度:50   发布时间:2023-09-19 08:04:03.0

思路:

点击刷新时,用v-if将video元素隐藏,改变一个值,并在watch里监听这个值,值改变的时候

<live-player id="live-video" :src="dataObj.serverAddress" v-if="showVideo" autoplay></live-player>
refresh(){console.log("刷新视频")this.refreshdata+=1;this.showVideo = false;
}

  将showVideo变为true的方法放在this.$nextTick()中,触发浏览器的重排,可以使浏览器重新获取video和live-player的src值,重新加载视频资源。

watch:{
refreshdata (old,new) {this.$nextTick(() => {this.showVideo = true})
}
},
  相关解决方案