Vue.js视频this。$ refs [something] .play（）不起作用

Question

因此，我正在使用axios接收几个视频URL，并将它们添加到视频中 宾语。 Vue的视频正常，我可以正常播放。但是，当我尝试使用$ refs播放它时，它不起作用...

<template>
    <div v-for="(video, index) in videos" v-bind:key="video">
        <video
            controls
            v-show="videoState[index]"
            :ref="index" :src="video ? video : sampleVideo"
            type='video/mp4'>
        </video>

        <div class="video-btn" v-bind:class="{ flash: buttonFlash }"
                    v-show="videoState[index]"  
                    @click="recordStart(index)">
             <img src="../../assets/microphone.png">
        </div>
    </div>
</template>

export default {
    methods: {
        recordStart(video) {
            this.$refs[video].play();
        },
    },
},

如果需要更多信息，请告诉我。预先感谢。

[已编辑]

我添加了recordStart（index）调用。

这是this。$ refs对象的日志。

[已解决]

将其更改为this.$refs[video][0].play()即可。我的坏人：（。