vue单个元素绑定多个事件问题(例如点击绑定多个事件方法)

 更新时间:2023年04月17日 14:18:05   作者:мо仙堡杠把子ご灬  
这篇文章主要介绍了vue单个元素绑定多个事件问题(例如点击绑定多个事件方法),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue单个元素绑定多个事件

在vue中 给单个元素绑定不同的事件同时去操作不同的逻辑,这样的话就是异步处理

举个例子

注意 绑定事件的时候要用 **;**隔开

vue单个元素绑定多个相同事件 与vue中如何获取event对象

1.vue单个元素绑定多个相同事件

//正确的
<button @click="handelClick(),handelClick2()">测试click事件</button>
//错误的
<button @click="handelClick,handelClick2">测试click事件</button>
//错误的
<button @click="handelClick,handelClick2()">测试click事件</button>

事件都需要加上()

当然你也可以绑定一个函数, 在函数中调用多个函数

2.vue中获取event对象

<button @click="handelClick($event)">测试click事件</button>
 
handelClick (e) {
    console.log(e)
},

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue.js实现的经典计算器/科学计算器功能示例

    vue.js实现的经典计算器/科学计算器功能示例

    这篇文章主要介绍了vue.js实现的经典计算器/科学计算器功能,具有基本四则运算计算器以及科学计算器的功能,可实现开方、乘方、三角函数以及公式运算等功能,需要的朋友可以参考下
    2018-07-07
  • uniapp前端实现微信支付功能全过程(小程序、公众号H5、app)

    uniapp前端实现微信支付功能全过程(小程序、公众号H5、app)

    这篇文章主要介绍了uniapp前端实现微信支付功能的相关资料,通过uniapp开发跨平台应用时,需要处理不同平台的支付方式,包括微信小程序支付、公众号H5支付和App支付,需要的朋友可以参考下
    2024-09-09
  • vue2.0项目集成Cesium的实现方法

    vue2.0项目集成Cesium的实现方法

    这篇文章主要介绍了vue2.0项目集成Cesium的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • Vue实现选择城市功能

    Vue实现选择城市功能

    这篇文章主要介绍了Vue实现选择城市功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-05-05
  • Element-ui upload上传文件限制的解决方法

    Element-ui upload上传文件限制的解决方法

    这篇文章主要介绍了Element-ui upload上传文件限制的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • vue 做移动端微信公众号采坑经验记录

    vue 做移动端微信公众号采坑经验记录

    这篇文章主要介绍了vue 做移动端微信公众号采坑经验记录,文中是小编记录的三个坑及解决方案,需要的朋友可以参考下
    2018-04-04
  • vue实现给某个数据字段添加颜色

    vue实现给某个数据字段添加颜色

    这篇文章主要介绍了vue实现给某个数据字段添加颜色方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Vue中父子组件的值传递与方法传递

    Vue中父子组件的值传递与方法传递

    这篇文章主要介绍了Vue中父子组件的值传递与方法传递,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • Vue中如何定义数据示例详解

    Vue中如何定义数据示例详解

    这篇文章主要给大家介绍了关于Vue中如何定义数据的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下
    2021-09-09
  • Vue参数的增删改实例详解

    Vue参数的增删改实例详解

    这篇文章主要为大家详细介绍了Vue参数的增删改实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03

最新评论