vue事件异常触发解决

1、可以解决的问题

vue绑定点击事件时有时候会遇到一些异常的情况，如click连续触发两次，使用prevent修饰符即可解决
默认的事件写法

<header class="controlPanel-header" v-on:click="controlPanelHeaderClick()">
</header>

修改后的事件写法

<header class="controlPanel-header" v-on:click.prevent="controlPanelHeaderClick()">
</header>

onerror事件无论视频是否加载成功都被触发（https://mp.csdn.net/mdeditor/90205628#）。

<video :src="XXXXXX" v-on:onerror:prevent="videoLoadError()">
</video >

2、总结

以上这两种都是我遇到过的问题，如果遇上了其它无法理解的问题可以使用prevent先进行处理，事后我对比了一下这两个出现问题的地方，共同之处是都包裹在elementui复选框的中，具体原因还没有去查，但是经过这两次教训之后，建议在没有特殊要求的事件后都加上prevent修饰符避免类似的问题。

希望对大家有帮助。