Vuejs2 Vuejs 2 v-html未触发锚事件

我正在使用JW Player和Vuejs创建一个应用程序。我需要显示vtt文件怀旧（），用户可以点击并移动到视频的特定部分。我可以获取vtt文件并使用“v-html”属性显示它们，这有助于使用换行符和格式呈现成绩单。我被卡住的是锚定标记不接受“@click”事件，因为它被呈现为HTML。有没有办法让我开vuejs evetns

 <div v-show="viewTranscript" class="boxes"
                                     :class="{'animated fadeIn': viewTranscript, 'animated fadeOut': !viewTranscript}"
                                     >
                                    <!--<pre><a @click="videoPosition('00:30')">00:30</a>-->
                                    <pre>
                                        <component v-bind:is="vttCustomComponent"/>
                                        <!--<transcriptvtt :vttFileContent="captionTrack">Loading Transcript</transcriptvtt>-->
                                    </pre>
                                </div>

---

我也尝试过使用动态组件，但到目前为止运气不好。有什么帮助吗？

我想你只需要将

@click

更改为

@click.native

参考：

---

更新

我想我现在明白了，问题是你的浏览器正在跟随主播

TL；博士
这是一种方法。但情况是，vtt文件最初存储在数据库中，带有一些格式，并用锚定标记（@click event，以时间为参数）装饰，这些锚定标记应该在特定位置拍摄视频。现在，当它们呈现为v-html时，格式和锚定标记就在那里，但它们不会触发（因为它们呈现为html）。更新答案后，您还可以使用多个修饰符，例如
v-on.stop.prevent.native=“action”>