vue中如何点击事件,获取该点击元素

Vue中,你可以通过事件处理程序(event handler)来监听点击事件,并通过事件对象(event object)获取点击的元素。下面是一个简单的示例代码:

复制代码
<template>
  <div @click="handleClick">
    Click me
  </div>
</template>
 
<script>
export default {
  methods: {
    handleClick(event) {
      // 获取点击的元素
      const clickedElement = event.target;
      console.log(clickedElement);
    }
  }
}
</script>

在上面的示例中,我们在`<div>`元素上添加了一个点击事件处理程序`@click="handleClick"`,当这个`<div>`元素被点击时,`handleClick`方法会被调用,并且传入一个事件对象`event`。通过`event.target`可以获取到被点击的元素。

相关推荐
胡萝卜术6 小时前
当大模型遇上浏览器:用 React + WebGPU 在前端跑通 DeepSeek-R1 的实战笔记
前端·javascript·面试
不好听6136 小时前
Tailwind CSS 原子化 CSS 完全入门:为什么现代前端开发都在用?
前端·css
人间凡尔赛6 小时前
Next.js 16 生产级实战:Cache Components + View Transitions 完整指南
开发语言·javascript·ecmascript
触底反弹6 小时前
🔥 React 零基础入门(上):环境搭建 + JSX 深度解析
前端·react.js·typescript
why技术6 小时前
分享一套我一直在使用的 AICoding 组合拳,小而美的典范。
前端·后端·ai编程
朦胧之7 小时前
AI应用-消费流式输出
前端·javascript·ai编程
小林ixn7 小时前
在浏览器跑通 15 亿参数大模型:我用 React + WebGPU 复刻了 DeepSeek-R1
前端·react.js·前端框架
Csvn7 小时前
容器查询 @container 实战:告别无休止的媒体查询
前端
谷哥的小弟9 小时前
TypeScript对象类型
javascript·typescript
稚南城才子,乌衣巷风流10 小时前
函数:编程中的核心概念
开发语言·前端·javascript