vue video 无法播放

原因是source标签渲染一次后, 就不会重新进行渲染, 要在添加src时,动态添加source标签

<div class="video-box">
                  <video webkit-playsinline playsinline 
                      controls
                      controlslist="nodownload"
                      :src="courseData.learn"
                      ref="video">
                      <!-- <source :src="learn" type='video/mp4'/> -->
                  </video>
                  <img class="class-thumb" :src="courseData.thumb" alt=""/>
                  <img class="class-play" @click="controlVideo" src="./images/icon-play.png" alt=""/>
              </div>