绑定事件

事件绑定的方法写成函数调用的形式,可以传入自定义参数

定义方法时需要定义形参来接收传入的实参

事件的后面跟上.修饰符可以对事件进行限制

.enter 可以限制触发的按键为回车

@是v-on:的简写,通过v-on:指令绑定事件,指定一个methods选项里面的定义的方法,

 调用方法时,不传参数,默认会将事件对象作为参数传递

调用方法时,传的是什么参数,接的就是什么参数

调用方法时,传递一个$event参数,该参数就是事件对象

当前事件处理的代码比较简单时,可以将代码直接写在行内,注意:只能操作Vue管理的数据

事件修饰符.prevent,用于阻止默认行为

.once,用只绑定一次事件方法

.stop,用于阻止事件冒泡

.self,只能在自身元素上触发,不同在子元素上触发

如图

每次键盘弹起都会调用事件方法

只在回车时,才会调用事件方法

keyup.enter按键回车
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容