html5＜video＞使用踩坑记录

vue v-on:绑定error事件后一直不触发

项目场景：

视频播放失败时用外链打开（或者其他视频加载失败后的处理）

---

<video :id="item.uid" width="200" height="150"  controls="controls"  preload="none" :poster="item.coverUrl" @error="videoLoadError(item)">
  <source  :src="videoUrlHeader+item.awemeId+'.mp4'" type="video/mp4">
  <p>的浏览器不支持 HTML5 视频，请下载 <a :href="videoUrlHeader+item.awemeId+'.mp4'">视频文件</a></p>
</video>

//js部分
videoLoadError(item){
   
  this.$message({
   
    message: '视频加载失败，即将通过源地址查看',