一.element中的指令

在input-number组件中, 用到一个v-repeat-click指令, 主要用于input-number组件的重复点击效果.具体实现在directives中的repeat-click.js中(如下图):

　　这段代码主要实现了vue自定义指令中的bind函数,once函数代表的是绑定事件一次,触发即移除, on函数就是绑定事件.而repeat-click实现的思路就是,当用户点击不松开的时候,触发mousedown事件,此时开启setInterval以100ms的间隔调用handler,当mouseup事件触发以后,则将setInterval清除.当然,当用户点击事件不超过100ms时候也需要调用handler函数,这样也就完成了repeat-click指令的编写.