likes
comments
collection
share

Vue的事件修饰符

作者站长头像
站长
· 阅读数 299

修饰符.stop - 阻止冒泡.prevent - 阻止默认事件.capture - 阻止捕获.self - 只监听触发该元素的事件.once - 只触发一次.left - 左键事件.right - 右键事件.middle - 中间滚轮事件

分别解释什么叫冒泡。。。冒泡:就是指父元素和子元素有相同的事件,当触发子元素事件时,会向上冒泡,同时也会触发父元素事件默认事件:默认事件就是标签或者是元素自带的事件,浏览器的也算捕获:指的是触发父元素的事件时,同时子元素的事件也会响应,是向下响应的其他都是比较好理解,不做解释在使用Vue中,使用上面的修饰符进行对事件进行避免或者完善举个很简单的例子

<input v-on:keyup.13="submit">这个.13是keyCode的序号,也就是键值,一般不会记住

所以就有来代替他们的别名:.enter.tab.delete (捕获 "删除" 和 "退格" 键).esc.space.up.down.left.right.ctrl.alt.shift.meta具体使用的时候可以百度这些别名,然后.xx就可以了。