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

Question

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

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

我怎样才能做这样的事情:

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

Answer 1

创建新的 Prop ，如果该项目是最后一个，则传递 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();
},