vue 的点击事件怎么获取当前点击的元素

最新推荐文章于 2024-10-12 08:16:30 发布
最新推荐文章于 2024-10-12 08:16:30 发布
阅读量4.8w 收藏 29
点赞数 1
分类专栏： 笔记 文章标签： vue的点击事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webFront/article/details/80310763
版权
首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,
在点击的函数中 添加$event 参数就可以
比如
< button @click = “ clickfun($ event)” >点击 </ button >

methods: {
clickfun( e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
}
},


vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
01-18
：id绑定 :id=”‘a_’+index” 输出的id为a_0，a_1。。。。。 哈哈哈 然后在vue的实例中就可以拿到对应的id b(index){ this.list.splice(index,1); } 或 添加 open(a){ console.log(a.currentTarge
vue.js click点击事件获取当前元素对象的操作
12-28
Vue.js可以传递$event对象 <body id=app> 点击当前行文本 li2 li3 [removed] new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) { //获取点击对象 var el = event.currentTarget; al
vue @click获取当前被点击的元素
最新发布
qq_39006905的博客
10-12 176
首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以。
vue click点击获取点击元素
qq_43654065的博客
01-18 6701
<div @click="test">点击</div> //获取当前点击元素 var el = event.currentTarget currentTarget事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。即点击事件绑定在哪个元素，currentTarget获取的就是那一个元素。在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于target属性。 Event对象的一些兼容写法 // 获得event对象兼容性写法 event||(event
vue中如何点击事件，获取该点击元素
子玉的博客
03-20 847
在上面的示例中，我们在``元素上添加了一个点击事件处理程序`@click="handleClick"`，当这个``元素被点击时，`handleClick`方法会被调用，并且传入一个事件对象`event`。通过`event.target`可以获取到被点击的元素。在Vue中，你可以通过事件处理程序（event handler）来监听点击事件，并通过事件对象（event object）获取点击的元素。
vue获取当前点击的元素并传值的实例
08-27
在Vue.js中，获取当前点击的元素...这个例子展示了如何在Vue中正确地获取当前点击元素的 `data-id` 值，并在事件处理器中使用它。记住，Vue提倡声明式编程，尽量避免直接操作DOM，而是通过修改数据来驱动视图的更新。
vue 的点击事件获取当前点击的元素方法
01-21
首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的, ...以上这篇vue 的点击事件获取当前点击的元素方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue获取当前点击元素的父元素、子元素、上级元素等
wyc_beyond的博客
07-11 2941
children 该组件实例的子组件实例。$parent 该组件实例的父级组件实例。
vue中点击获取相应元素
ZZHK666的博客
02-11 7328
在vue中通过点击事件获取上一个标签、父标签、第一个子标签等元素。( 以下元素都是以所点击的元素进行查找 ) e.target 获取当前点击的元素 e.currentTarget 获取绑定事件的元素 e.currentTarget.previousElementSibling 获取前(上)一个元素 e.currentTarget.parentElement 获取父元素 e.currentTarget.firstElementChild 获取第一个子元素 e.currentTarget.nextElement
vue click事件获取当前元素属性
u011927449的博客
06-22 3258
Vue可以传递$event对象 <body id="app"> <ul> <li @click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: {
vue中checkbox 样式自定义重写；循环遍历checkbox,拿到不同的v-model绑定值；及获取当前checked 状态，全选和全不选等功能。...
weixin_30448603的博客
06-06 1231
开始写这个功能，不得不吐槽原始的checkbox,灰色小方块的丑陋，虽说eleUI,mintUI，等各种框架的单复选框已经对其优化，但还是不想要这种。那我们就来研究一下怎么处理它。 <section class="box"> <label :for="item3" @click="chooseType($event,index3)" v-for="(i...
vue判断点击当前元素
狼将行的博客
04-07 4210
点击按钮，出现弹窗；然后点击遮罩层，当前弹窗消失。 一开始都会在遮罩层上绑定点击事件，但是这样的话，点击了form表单，当前弹窗也会消失。 所以，需要判断你是点击了遮罩层还是form表单 1.在遮罩层上绑定点击事件 @click=“showfun2($event)” <div class="topfrom" v-show="msg" @click="showfun2($event)"&gt...
vue父组件点击事件里的值子组件怎么获取
weixin_46122878的博客
05-07 431
刚开始的想法想通过子组件watch来监听父组件传过来的值，可是如果父组件的值只改变一次那么watch只能监听一次。 于是换了一种思路。 父组件的点击事件： 引用的子组件： 子组件内： 思路：父组件通过ref给子组件传过去一个show，子组件内接收这个show方法。 ...
vue获取dom元素值
热门推荐
物以稀为贵yeah
05-19 1万+
1、通过refs来获取dom元素内容 2、需要利用到jq，但是不支持，学习vue.js，都说需要抛弃jq，否则会禁锢你的思想 通过refs方法ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例。这里主要是介绍在普通dom元素上使用。看下面的例子：无论是点
vue@click传入和使用当前对象
ss_Tina的博客
09-06 1642
vue 传入和使用当前对象
vue 点击事件获取当前元素
05-18
在 Vue 中，你可以通过 `@click` 或 `v-on:click` 绑定一个点击事件，并通过 `$event.target` 来获取当前被点击的元素。例如： ```html <template> <div @click="handleClick"> <button>按钮</button> </div> </template> <script> export default { methods: { handleClick(event) { console.log(event.target); // 输出点击的元素，这里为 <button> 按钮 } } } </script> ``` 在上面的例子中，我们绑定了一个点击事件到 `<div>` 元素上，当点击 `<button>` 按钮时，`handleClick` 方法会被调用，并且会将该点击事件作为参数传递进来。在方法中，我们可以通过 `$event.target` 来获取当前被点击的元素，即 `<button>` 按钮。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值