单页网站在线制作站长工具 忘忧草

修饰符（Modifiers）是用于指定以特殊方式绑定或处理Vue事件或指令的特殊符号。

事件修饰符

.stop: 阻止时间继续传播，相当于调用event.stopPropagation()
.prevent: 阻止默认事件，相当于调用event.preventDefault()
.capture: 使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理
.self: 只当在 event.target 是当前元素自身时触发处理函数
.once: 事件将只会触发一次
.passive: 告诉浏览器不阻止与事件关联的默认行为，相当于不调用event.preventDefault()。与prevent刚好相反
.left,.middle,.right: 分别对应鼠标左键、中键、右键的单击触发。
.{keyAlias}: 只有当事件是由特定按键触发时才触发回调函数。

<a @click.prevent="handleClick" href="https://baidu.com">百度</a>

v-model修饰符

.lazy: 在默认情况下，v-model会同步输入框中的值和数据。可以通过该修饰符，转变为在输入框的change事件中再进行值和数据同步。
.number: 自动将用户的输入中转化为number类型。
.trim: 自动过滤用户输入的首位空格。

<input v-model.trim="text"/>

修饰符使得Vue的事件绑定更加灵活和强大，能够以声明式的方式处理复杂的逻辑，而不必写太多额外的JavaScript代码。通过使用修饰符，可以大大提高开发效率和代码的可读性。