nuxt v-for

[transtone]

在nuxt后端渲染的 v-for 循环中，只显示第一个 video ，后面出来的都是空的。

<div v-for="item in items">
         <div class="video-player-box" v-video-player:myVideoPlayer="item.playerOptions">
         </div>
</div>

[surmon-china]

myVideoPlayer 是所对应需要实例化的播放器对象的名称，不能重复，很显然，v-for重复了

[transtone]

谢谢回复。那我需要从后台加载多个播放源，如何解决呢？ myVideoPlayer 可以改成动态的吗，如何改？

[surmon-china]

先尝试使用<div class="video-player-box" v-video-player:[myVideoPlayer]="item.playerOptions">类似这样的方式去替换测试，如若不行，我再测试

[surmon-china]

问题已修复，需升级到 v3.0.6，在你的项目中使用playerInstanceName强制使用指定实例名，如下：

<div v-for="(item, index) in items">
  <div class="video-player-box" :playerInstanceName="`player${index}`" v-video-player="item.playerOptions"></div>
</div>

原有的使用方式均不受影响。 在nuxt.js中，实例别名的优先级为：playerInstanceName > directive.arg > default:'player'

[transtone]

ok， 解决了，感谢。

[Ice-Hazymoon]

"PlayerInstanceName" doesn't work

[Nickywrx]

下载4.0.0版本才行

[EvilVarmilo]

v5.0.2 PlayerInstanceName不起作用