vue-video-player 做视频列表功能,因赋值对象浅拷贝而导致的问题

场景如下
1、视频播放列表 因使用vue-video-player 插件,多视频时为每一个视频对象添加 PLAYER_OPTIONS
vue-video-player 做视频列表功能,因赋值对象浅拷贝而导致的问题_第1张图片
因自己 初心大意 导致在循环时挂载同一个属性,每次修改视频地址值都是修改的最后一个,存在一个浅拷贝问题

vue-video-player 做视频列表功能,因赋值对象浅拷贝而导致的问题_第2张图片

后续修改
2.添加一层深拷贝解决该问题
vue-video-player 做视频列表功能,因赋值对象浅拷贝而导致的问题_第3张图片

你可能感兴趣的:(前端视频vue.js)