Vue.js - 如何在 v-for 子组件中获取最后一个子引用

Question

我想在页面加载后播放最新的音频：

<player ref="player" v-for="item in data"><player>

我怎么能做这样的事情：

vm.$refs.player.last().play();

Answer 1

如果项目是最后一个，则创建新道具并传递 true 。

<player ref="player" v-for="(item, index) in data" :should-play="index === data.length - 1">

<player>

播放器组件：

props {
   shouldPlay: Boolean
}

mounted() {
   if (this.shouldPlay)
     this.play();
},