vue事件
@click//单击
@mousedown//按下
@mouseup//抬起
@dblclick//双击
@mousemove//移动
提示
当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。 mousemove() 方法触发 mousemove 事件,或添加当发生 mousemove 事件时运行的函数。
注意:用户把鼠标移动一个像素,就会发生一次 mousemove 事件。 处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。
@mouseenter//进入
提示
当鼠标指针穿过(进入)被选元素时,会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件,或添加当发生 mouseenter 事件时运行的函数。
注意:与 mouseover 事件不同,mouseenter 事件只有在鼠标指针进入被选元素时被触发,mouseover 事件在鼠标指针进入任意子元素时也会被触发。参见页面底部演示实例。
提示:该事件通常与 mouseleave 事件一起使用。
@mouseleave//离开
@mouseover //当鼠标指针位于元素上方时,会发生 mouseover 事件。
提示
注意:与 mouseenter 事件不同,mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发,mouseenter 事件只有在鼠标指针进入被选元素时被触发。参见页面底部演示实例。 提示:该事件通常与 mouseout 事件一起使用。
@mouseout //移出
常用的修饰符
- 表单修饰符
- lazy: 失去焦点后同步信息
- trim: 自动过滤首尾空格
- number: 输入值转为数值类型
- 事件修饰符
- top:阻止冒泡
- revent:阻止默认行为
- elf:仅绑定元素自身触发
- nce:只触发一次
- 鼠标按钮修饰符
- left:鼠标左键
- right:鼠标右键
- middle:鼠标中间键