vue在使用element时使用video视频地址切换视频动态改变

今天用vue在写element的table时，在table中使用video动态渲染，但是渲染上的视频地址修改后，发现之前的视频还在，而地址以改变视频没有渲染。
下边是我的解决方式：
在后台传来的数据的时候，把值切换

data(){return{tableData:[],
}
},

后台传来的接口数据

  showdata(){this.$axios.get('/api/videoClip/xxx/xxx',{params: {pageNum:this.pageNum,pageSize:this.pageSize,markedType:this.radio},}).then(res=>{if(res.data.data){for(let i=0;i<res.data.data.list.length;i++){// 这里编辑你的样式或者数据，其他也可以编辑res.data.data.list[i].netUrl="<video   controls  width='200' height='80'><source  src="+res.data.data.list[i].netUrl+"  type='video/mp4'></video>"}this.tableData=res.data.data.list;this.total=res.data.data.total;}}).catch(error => {console.error(error)});},

element的table的使用

<el-table :data="tableData" border style="width: 70%" stripe><el-table-column    label="详情" align="center"  ><template slot-scope="scope"><div v-html=scope.row.netUrl> </div></template></el-table-column>
</el-table>

视频效果（这时编辑或者删除，里面的数据就会动态改变，视频也会改变）

vue在使用element时使用video视频地址切换视频动态改变相关推荐

Video.js插件切换视频源并操作m3u8格式视频
目录第一章 videojs的配置与简介第二章更改视频源代码与实例第三章 api的部分应用实例第四章视频api补充介绍添加事件事件绑定前言:老师让我修改一个需要播放器的界面,之前的播放 ...
vue使用vedio.js播放视频（切换视频源）
vedio.js官方vue教程是采用组件模式,切换视频失败. 参考和众多网上教程,最后采用去掉组件,直接调用this.player.src()方法切换成功记录下. 后续再研究组件的加载和传函数和参数的 ...
从blob协议的加密视频地址下载视频
目标下载视频地址:blob:http://www.yunxiedu.net/2be908de-216b-4b57-badb-1d3be699e077 如下图视频还是弹窗网页视频: I (1)安装插件浏 ...
python列表推导式去除m3u8中的广告视频地址下载视频
在一些视频网站中,通常使用m3u8文件来作为视频播放列表,我们下载视频网站m3u8文件后分析,会发现m3u8文件中都是*.ts的视频地址链接,此时可以读取m3u8文件后,使用列表推导式将所有的ts结尾 ...
android 视频截屏黑屏,【报Bug】currentWebview.draw在安卓端绘制截图时，video组件中的视频内容无法绘制，截图后呈黑屏，IOS端可以正常绘制截屏...
详细问题描述 (DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题) [内容] 重现步骤 [步骤] ...
根据视频地址获取视频的第一帧画面做为封面 IllegalArgumentException
关于这一类的文章网上也是很多的,只是在复制黏贴别人代码的时候竟然直接崩溃了--这就很蛋疼了! public Bitmap getBitmapFormUrl(String url) {MediaMeta ...
根据视频地址获取视频的第一帧画面做为封面
关于这一类的文章网上也是很多的,只是在复制黏贴别人代码的时候竟然直接崩溃了--这就很蛋疼了! public Bitmap getBitmapFormUrl(String url) {MediaMeta ...
【WebRTC 02】从摄像头获取视频以及切换分辨率和视频源
上一节中我们已经搭建出了用于操作的环境,这一节我们要实现的一个小目标,就是将电脑摄像头拍到的内容实时显示到网页上.同时我们一起学习下原理,并做一些小拓展. 文章目录操作环境实现效果几个概念 HT ...
为什么视频网站的视频链接地址是blob
自从HTML5提供了video标签,在网页中播放视频已经变成一个非常简单的事,只要一个video标签,src属性设置为视频的地址就完事了.由于src指向真实的视频网络地址,在早期一般网站资源文件不怎么 ...

vue在使用element时使用video视频地址切换视频动态改变

vue在使用element时使用video视频地址切换视频动态改变

vue在使用element时使用video视频地址切换视频动态改变相关推荐

最新文章

热门文章