Vue.js - 如何在v-for children组件中获取最后一个子参考 [英] Vue.js - How to get last child ref in v-for children components

问题描述

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

I want to play latest audio after page is loaded:

< player ref =playerv-for =item in数据>< player>

我该怎样做：

vm。$ refs.player.last（）。play（）;

推荐答案

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

create new prop and pass true if the item is the last.

<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();
},

这篇关于Vue.js - 如何在v-for children组件中获取最后一个子参考的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！