栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

vue3学习2:vue 的指令v-on,event

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue3学习2:vue 的指令v-on,event

1.v-on

作用:如果我们想监听用户的点击, 拖拽, 键盘事件等, 可以使用v-on指令,v-on就是用于绑定事件的,通过 v-on 绑定的事件处理函数,需要在 methods 节点中进行声明。
简写:@

举个栗子




2 event

v-on 指令所绑定的事件处理函数中,可以接收到事件对象 event。






3 $event

e v e n t 是 v u e 提 供 的 特 殊 变 量 , 用 来 表 示 原 生 的 事 件 参 数 对 象 e v e n t 。 event 是 vue 提供的特殊变量,用来表示原生的事件参数对象 event。 event是vue提供的特殊变量,用来表示原生的事件参数对象event。event 可以解决事件参数对象 event 被覆盖的问题。




4 事件修饰符

v-on:click.prevent 阻止默认行为
v-on:click.stop 阻止事件冒泡
v-on:click.capture 以捕获模式触发当前的事件处理函数
v-on:click.once 绑定的事件只触发1次
v-on:click.self 只有在 event.target 是当前元素自身时触发事件处理函数

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1007722.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号