vue事件获取当前对象

一.事件传参

如点击事件

复制<div @click='click'> <div>
 <div @click='click_1('msg')'> <div>
     
  .........
     
  methods:{
     click(even){
        //even为事件默认传参就是事件
     },
     click_1(msg,even){
     //有传参先接受参数最后接收事件
     }
     }

二.事件属性

bubbles:返回布尔值,指示事件是否是起泡事件类型。
cancelable:返回布尔值,指示事件是否可拥可取消的默认动作。
currentTarget:返回其事件监听器触发该事件的元素。
eventPhase:返回事件传播的当前阶段。
target:返回触发此事件的元素(事件的目标节点)。
timeStamp:返回事件生成的日期和时间。
type:返回当前 Event 对象表示的事件的名称。
currentTarget:currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。

三.其中常用的currentTarget,target

currentTarget:返回其监听器触发事件的节点,就是你的点击事件绑定在哪一个元素上

target:返回事件的目标节点(触发该事件的节点),就是你当前点击的是哪一个元素

posted @   小小咸鱼YwY  阅读(3498)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理

目录导航

点击右上角即可分享
微信分享提示