vue事件修饰符(once:prev:stop)
vue事件修饰符(once:prev:stop)
stop修饰符 效果如下:
当你鼠标在这个div里的时候,x与y的值;会随着鼠标的变化而变化。但是当鼠标放在stopMoving的时候,x与y的值是不会变化的;因为采用了阻止冒泡事件;或者也可以采用我注释了的那个方法。代码如下:
1
2
3
4 {{x}},{{y}}
5
8
9
10 stopMoving
11
12
13
14
15
37
38
prevent修饰符 效果如下:
这是一个a链接,默认的请款下会跳转页面;但是当你采用prevent的时候,页面弹出一个框之后,就不会再跳转页面。
代码如下:
1 2 the new Page 3 4 5 // 在methods里面写入这个方法 6 alert:function(){ 7 alert('啥?你说素素很美?'); 8 }
可以把.prevent去掉看看效果