获取当前vue对象_vue事件获取当前对象

最新推荐文章于 2023-06-12 11:39:31 发布

小小奋斗nice

最新推荐文章于 2023-06-12 11:39:31 发布

阅读量845

点赞数

文章标签：获取当前vue对象

本文链接：https://blog.csdn.net/weixin_42509796/article/details/112990899

版权

一.事件传参

如点击事件

.........

methods:{

click(even){

//even为事件默认传参就是事件

click_1(msg,even){

//有传参先接受参数最后接收事件

}

二.事件属性

bubbles:返回布尔值，指示事件是否是起泡事件类型。

cancelable:返回布尔值，指示事件是否可拥可取消的默认动作。

currentTarget:返回其事件监听器触发该事件的元素。

eventPhase:返回事件传播的当前阶段。

target:返回触发此事件的元素(事件的目标节点)。

timeStamp:返回事件生成的日期和时间。

type:返回当前 Event 对象表示的事件的名称。

currentTarget:currentTarget 事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。

三.其中常用的currentTarget,target

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

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

原文：https://www.cnblogs.com/pythonywy/p/11663288.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小小奋斗nice

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

12-28

在 v-for 循环语句上，定义一个点击事件传入两个参数（当行数据、当前事件对象），如下代码片段，当前事件对象必须加上 ‘$’ 符号 (item, key=index click=operate(item,> {{ item.title }} ...

vue获取当前点击的元素并传值的实例

08-27

在Vue.js中，获取当前点击的元素...这个例子展示了如何在Vue中正确地获取当前点击元素的 `data-id` 值，并在事件处理器中使用它。记住，Vue提倡声明式编程，尽量避免直接操作DOM，而是通过修改数据来驱动视图的更新。

参与评论您还未登录，请先登录后发表或查看评论

vue.js之获取当前点击对象

weixin_34268579的博客

06-06

336

vue.js之获取当前点击对象(其实是套着vue的原生javascript吧，笑?) 转载请注明出处：http://www.cnblogs.com/meng1314-shuai/p/7455575.html 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴，直接$(dom)获取当前点击的dom元素，根据这个，几乎可以获取这个...

vue.js之获取当前点击对象(其实是套着vue的原生javascript吧，笑)

weixin_30342827的博客

08-31

278

转载请注明出处：http://www.cnblogs.com/meng1314-shuai/p/7455575.html 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴，直接$(dom)获取当前点击的dom元素，根据这个，几乎可以获取这个dom元素的所有属性。不过，当我们使用vue的时候呢？也许刚开始会有一点迷茫。唉？对啊，我用vue该怎么做到(屠龙宝刀)点击...

Vue 中普通 js 文件中获取 this (vue 对象)

卡尔特斯

12-09

4970

在 main.js 中导出 vue 实例 const vue = new Vue({ router, store, render: h => h(App) }).$mount('#app') export default vue 在需要用到的页面导入 @/main 获得 vue 对象 import vue from '@/main' // 使用 vue.$message.success('导入成功') ...

获取当前vue对象_vue中有两种方法获取到当前元素

weixin_42119281的博客

12-29

5180

vue中有两种方法获取到当前元素var el = event.target; //当前元素，可修改(能够用此方法获取到他的子元素，不能获取他本身的内容)var el = event.currentTarget;//当前元素，不可修改(能够用此方法获取到他的子元素及能获取他本身的内容)html复杂的click哈哈jsvar example2 = new Vue({el: '#example-2',d...

vue.js click点击事件获取当前元素对象的操作

12-28

Vue.js可以传递$event对象 <body id=app> (>点击当前行文本 <li>li2 <li>li3 [removed] new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) {...

vue - data必须是函数返回的对象

alpha_xu_vvvvv的博客

12-23

1513

为什么对象、数组需要以一个function 返回 data也是因为对象、数组都是引用型数据类型。当多个组件new实例的话，就会直接引用同一个data的对象的数据，一个组件数据修改，另一个就会跟着修改。当data是一个function返回的，就是每一个data都是不一样的存放地址。官网的解释：当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创..

vue---获取事件对象 ($event)

热门推荐

茶荼

09-12

1万+

new Vue({ el: '#app', i18n, store, router, data () { return { address:'' } }, components: {App}, template: '<App/>', mounted () { window.vue = this }, me...

Vue 获取事件的 event 对象(2种方式)

前端技术

02-23

1万+

方式一：默认获取不填写时，默认第一个参数就是 event 对象。 <template> <div> <button @click="onClick">点击</button> </div> </template> <script> export default { methods: { onClick(e) { console.log(e

Vue中获取当前元素事件的event对象用法（二）——target-当前点击元素 & currentTarget-绑定事件元素 & 获取兄弟元素、子元素、父元素

weixin_44867717的博客

07-07

9708

vue

在VUE中获取当前时间

qq_54030999的博客

08-31

1万+

时间格式：年-月-日时-分-秒。

【Vue】组件插槽；vue自定义指令；$ref使用(获取DOM对象或者组件对象)；$netTick使用

wusandaofwy的博客

09-21

2052

组件插槽插槽slot使用具名插槽作用域插槽 vue自定义指令自定义指令：局部注册自定义指令:全局注册 $ref使用(获取DOM对象或者组件对象) ref用于标签 ref用于组件 $netTick使用组件使用v-model(v-model底层原理

Vue事件获取当前元素

xiaopangzipy的博客

10-29

1667

click: function (e) { var el = e.target; $(el).hide(); }

vue获取组件对象

a913396的博客

08-22

2221

1 组件上使用 ref = "xxx" 2 debugger 下使用 this.$refs 即可获取到 3

Vue.js 中v-on:click怎么传递参数获取到当前元素

单枪匹码

12-16

1万+

原生js在标签中使用onclick事件时传递当前元素的对象使用的是this。 //this指向当前元素在onclick = "fn(this)" 而在Vue中这使用$event来传递当前元素对象作为参数，并在methods的方法中通过event.currentTarget来使用当前元素并进行相关操作。 //Vue中使用方法 v-on:click="fn($event)" methods: ...

vue获取当前点击对象

05-26

在Vue中可以通过`@click`事件来绑定点击事件，然后在方法中获取当前点击的对象。具体实现如下： 1. 在模板中绑定点击事件 ```html <template> <div @click="handleClick"></div> </template> ``` 2. 在methods中定义方法来处理点击事件 ```javascript <script> export default { methods: { handleClick(event) { console.log(event.target); } } } </script> ``` 在方法中的`event.target`就是当前点击的对象。你可以根据需要来获取该对象的属性或者进行其他操作。