vue 的点击事件获取当前点击的元素方法

 更新时间:2018年09月15日 09:17:41   作者:webFront  
今天小编就为大家分享一篇vue 的点击事件获取当前点击的元素方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,

在点击的函数中 添加$event 参数就可以

比如

<button @click = “clickfun($event)”>点击</button>
methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
}
},

以上这篇vue 的点击事件获取当前点击的元素方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

    Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

    这篇文章主要介绍了Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • 浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用

    浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用

    这篇文章主要介绍了浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • VUE 自定义取色器组件的实现

    VUE 自定义取色器组件的实现

    本文主要介绍了VUE 自定义取色器组件的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Vue 中 onclick和@click区别解析

    Vue 中 onclick和@click区别解析

    这篇文章主要介绍了Vue 中 onclick和@click区别,简单点说就是onclick 只能触发 js的原生方法,不能触发vue的封装方法,@click 只能触发vue的封装方法,不能触发js的原生方法,需要的朋友可以参考下
    2024-02-02
  • 深入理解Vue3里的EffectScope

    深入理解Vue3里的EffectScope

    本文主要介绍了Vue3里的EffectScope,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Vue 递归多级菜单的实例代码

    Vue 递归多级菜单的实例代码

    这篇文章主要介绍了Vue 递归多级菜单的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 浅谈Vue3的几个优势

    浅谈Vue3的几个优势

    这篇文章主要给大家分享的是Vue3的几个优势,Vue3仍然在源码、性能和语法 API 三个大的方面进行了优化,下面我们一起进入文章看看具体详情吧
    2021-10-10
  • vue通过ollama接口调用开源模型实现人机对话功能

    vue通过ollama接口调用开源模型实现人机对话功能

    文章介绍了如何在本地安装ollama并配置开源大模型,以及如何通过JavaScript和Vue.js实现人机对话功能,感兴趣的朋友一起看看吧
    2024-11-11
  • Vuex中的Mutation使用详解

    Vuex中的Mutation使用详解

    这篇文章主要介绍了Vuex中的Mutation使用详解,当我们想修改状态值,想传入的值进而进行修改时,你可以向 store.commit 传入额外的参数,即 mutation 的 载荷,需要的朋友可以参考下
    2023-11-11
  • 浅谈Vue为什么不能检测数组变动

    浅谈Vue为什么不能检测数组变动

    这篇文章主要介绍了浅谈Vue为什么不能检测数组变动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论