Javascript Vue.js未使用TextTrackCueList更新DOM

我想迭代

TextTrackCueList

的元素，它基本上是HTML5视频的标题数组（参考：）。下面是一个简化的代码：

newvue({
el:“应用程序”，
数据（）{
返回{
vid:null，
磁道：空，
提示：[]
}
},
安装的（）{
this.vid=this.$refs.vid；
this.track=this.vid.addTextTrack（“字幕”）；
this.track.mode=“显示”；
this.cues=this.track.cues；
this.addCue（）；//在呈现列表之前只添加一个提示
},
方法：{
addCue（）{
设i=this.cues.length；
//提示仅在一秒钟内显示
let cue=新VTTCue（i，i+1，“标题”+i）；
this.track.addCue（cue）；
}
}
});
。提示列表{
浮动：对；
}



{{cue.text}


添加提示
我找到的唯一答案是强制Vue重新渲染：

addCue() {
  let i = this.cues.length;
  //The cue just shows during one second
  let cue = new VTTCue(i, i+1, "Caption "+i);
  this.track.addCue(cue);
  this.$forceUpdate();
}