使用video标签 v-for遍历请求到的数据 渲染多个视频
c***@163.com
- 发布：2020-05-19 11:35
- 更新：2020-05-19 11:35
- 阅读：1350
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.4
手机系统： iOS
手机系统版本号： iOS 13.4
手机厂商： 苹果
手机机型： iphonex
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
正常渲染
正常渲染
实际结果：
错位、不能正常播放
错位、不能正常播放
bug描述：
页面中拿到多个视频地址进行动态绑定video的src，在video标签上使用v-for 在vue页面中正常渲染，在nvue页面中无法进行正常渲染，会导致视频错位、个别视频无法播放等错误。
临时的解决方案是不要给video套v-for，不要给video的src动态绑定 v-for中的item ,而是给video外层套个view 在此view上使用v-for,同时给video的src动态绑定 数组[外层v-for的索引]
而image无论vue还是nvue使用v-for都能正常渲染
比较奇葩的是 vue的video使用v-for也能正常渲染。所以当页面改造成nvue时这个bug让人感觉很意外。
