vue事件方法

鼠标事件

1. @click ( ) / @dblclick ( )

单击事件 / 双击事件

2. @mousedown ( ) / @mouseup ( )

按下触发 / 抬起触发

3. @mousemove ( )

当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件
移动一个像素，就会发生一次 mousemove

 4. @mouseleave ( )

当鼠标指针离开被选元素时，会发生 mouseleave 事件

 5. @mouseout ( )

当鼠标指针从元素上移开时，发生 mouseout 事件;

 

不论鼠标指针离开被选元素还是，都会触发 mouseout 事件。

6. @mouseenter ( )

当鼠标指针进入被选元素时，会发生 mouseenter 事件

7. @mouseover ( )

当鼠标指针位于元素上方时，会发生 mouseover 事件。

注意：与 mouseenter 事件不同，mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发，mouseenter 事件只有在鼠标指针进入被选元素时被触发。

 键盘事件

1. @keydown ( )

任意按键 -- 按下触发

2. @keyup ( )

任意按键 -- 弹起触发

 input事件

1. @input ( )

适用于实时查询，每输入一个字符都会触发该事件

2. @keyup.enter ( )

在pc上需要点击回车键触发，而在手机上则是需要点击输入键盘上的确定键才可触发

3. @change( )

和enter事件相似，手机上要经过触发虚拟键盘的搜索键才会触发事件，使用方式同input事件

4 @keyup.enter ( )

在pc上需要点击回车键触发，而在手机上则是需要点击输入键盘上的确定键才可触发

5. @blur（失焦）

输入框在输入完成、移到其他地方时进行验证时，可用此事件绑定验证方法