松江做网站多少钱,自己想做网站怎么做,佛山营销网站开发,建筑人才网招聘网官网首页BUG描述
遇到一个问题#xff0c;使用element-ui构建的管理端后台#xff0c;表格里面每一行都有一个video标签#xff0c;里面有视频#xff0c;当我翻页了以后#xff0c;视频不会重新加载#xff0c;仍然显示的是第一页的视频#xff0c;代码如下#xff1a; e…BUG描述
遇到一个问题使用element-ui构建的管理端后台表格里面每一行都有一个video标签里面有视频当我翻页了以后视频不会重新加载仍然显示的是第一页的视频代码如下 el-table-columnheader-aligncenteraligncenterlabel视频width220pxtemplate slot-scopescopevideo controls width200 height150 :posterscope.row.coversource :srcscope.row.vidioUrl typevideo/mp4/video/template/el-table-column解决方法
使用 vue中的key 特性在 标签上添加一个动态 key 属性使其与当前行数据关联。这有助于 Vue.js 更准确地跟踪每个视频组件的状态确保在翻页时重新渲染视频元素。
video controls width200 height150 :posterscope.row.cover :keyscope.row.idsource :srcscope.row.vidioUrl typevideo/mp4
/video
