首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Vue.js巧妙运用修饰符,完成更好的交互,并且帮你后期维护代码省下大量的时间

一、事件修饰符 首先,来看一下Vue.js为我们提供的事件修饰符有哪些吧。...修饰符名称 作用 .stop 阻止事件进行传递 .prevent 阻止事件的默认行为 .capture 使该事件最先触发 .self 限制事件是由自身触发才进行处理,即事件冒泡触发该事件无效 .once...被点击 我们可以看到,因为最内部的div使用了修饰符 .once,所以只有在第一次点击它的时候,它才会调用事件处理函数,之后再点击,就不会触发了 .passive 这个修饰符也就不多做演示了,作用呢,就是使事件立即触发默认行为...Vue.js给我们提供了一些常用按键的修饰符,我们来看一下 .enter //回车键 .tab //tab键 .delete //delete键和退格键 .esc...所以Vue.js新增了一个修饰符.exact,用来完成按键的精确触发。

84310
领券