v-on的作用为绑定一个事件
v-on可以 缩写:@
v-on可以与点击(click),鼠标移出(mouseout)等事件进行绑定,只要是JS的方法都可以进行定义
在v-on指令中,还可以添加修饰符
以上修饰符都可以在进行事件绑定时进行修饰
其中,.prevent修饰符,可以阻止页面的跳转,阻止默认事件
在上述的修饰符中,因记住.once修饰符,最多触发一次处理函数
动态事件的绑定:
可以根基event的值动态的切换绑定的事件
v-on绑定的事件传值如下图所示
上述代码绑定了一个click事件,响应的函数为handleClick,并且使用了修饰符.once这表明了,在这个页面中,这个点击事件只会响应一次
该方法还传递了两个参数,一个字符串,一个$event事件对象
运行页面如下图:
点击了按钮,会出现hello内容的弹框
点击确定后,会在控制台打印事件对象的属性
但在此点击,事件就没有进行响应了
标签:绑定,可以,修饰符,点击,事件,使用,简写,页面 From: https://www.cnblogs.com/123-hh/p/18133440