javascript - vue.js的修饰符起什么作用？

问题描述

问 题

修饰符

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指定应该以特殊方式绑定。例如，.prevent 修饰符告诉
v-on 指令对于触发的事件调用 event.preventDefault()：

<form v-on:submit.prevent="onSubmit"></form> 之后当我们更深入地了解 v-on 与
v-model时，会看到更多修饰符的使用。

这是官方文档的解释，我不是很明白这个东西起什么作用啊？
v-on:submit.prevent和 v-on:submit 有什么区别吗？

解决方案

比如修饰符v-on:click.stop="test",是阻止冒泡的事件发生，即stopPropagation()，其他的也类似，只不过vue把这些方法封装起来了，用着更方便。

这篇关于javascript - vue.js的修饰符起什么作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！