事件修饰符

2018-06-22  本文已影响31人  努力与幸运

修饰符是由点开头的指令后缀来表示的。

.stop

.prevent

.capture

.self

//点击事件将只会触发一次

.once

//滚动事件的默认行为 (即滚动行为) 将会立即触发

.passive 修饰符尤其能够提升移动端的性能

.passive

使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用 v-on:click.prevent.self 会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击。

不要把 .passive 和 .prevent 一起使用,因为 .prevent 将会被忽略,同时浏览器可能会向你展示一个警告。请记住,.passive 会告诉浏览器你想阻止事件的默认行为。

上一篇 下一篇

猜你喜欢

热点阅读