spring boot+vue实现 视频播放 功能

Question

实现功能：后端访问数据库，得到 视频资源 地址，传给前端，实现播放。

<template>
    <div class="video_box">
        <video ref="videoPlayer" class="video-js" :src="this.videoSrc">

        </video>
    </div>
</template>

<script>
    export default {
        name: "VideoPlayer",
        videoSrc:"../video/test1.mp4",
</script>

这样视频，就不会播放，也没有报错。
如果这样：

<video ref="videoPlayer" class="video-js" :src="../video/test1.mp4">

就可以播放，怎么办= =

Answer 1

个人觉得是不是加载顺序的问题，当读取this.videoSrc其实还没有赋值。
考虑下将this.videoSrc打印出来看看。