仅仅传入自定义参数

HTML

<div id="app"><button @click="tm(123)">ddddd</button>
</div>

JS代码

new Vue({el:'#app',methods:{tm:function(e){console.log(e);}}
})

仅仅传入事件对象

HTML

<div id="app"><button @click="tm">ddddd</button>
</div>

JS代码

new Vue({el:'#app',methods:{tm:function(e){console.log(e);}}
})

同时传入事件对象和自定义参数

HTML

<div id="app"><button @click="tm($event,123)">ddddd</button>
</div>

JS代码

new Vue({el:'#app',methods:{tm:function(e,value){console.log(e);console.log(value);}}
})

原文地址:https://blog.csdn.net/little_kid_pea/article/details/89736282

vue click同时传入事件对象和自定义参数相关推荐

  1. html click事件 参数,vue 实现click同时传入事件对象和自定义参数

    这篇文章主要介绍了vue 实现click同时传入事件对象和自定义参数,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧 仅仅传入自定义参数 HTML ddddd JS代码 new Vue ...

  2. Ant Design Vue 组件@chang绑定方法如何传递自定义参数

    Ant Design Vue 组件@chang绑定方法如何传递自定义参数 今天在写代码的时候遇到一个问题: 在嵌套标签中 外层使用了一个v-for循环去循环一个数组,当内层想要拿取index,并且使用 ...

  3. vue @click 多个事件_VUE学习记录3

    v-on的基本使用 ​ 在前面的计数器案例中使用了v-on:click监听单击事件.这里在回顾一下: <!DOCTYPE html> <html lang="en" ...

  4. v-on:click获取当前事件对象元素

    dom元素这样写: <i @click="iconToogle($event)" class="iconfont icon-xuanzhong1"> ...

  5. element-ui组件中的input等的change事件中传递自定义参数

    以select为例,如果select写在循环里,触发change事件时可能不只需要传递被选中项的值,还要传递index过去,来改变同一循环中的其他标签的状态. 下面这样写是无效的: @change=& ...

  6. vue比较完整的方法介绍 和获取事件对象

    <template><div id="app">{{msg}}<!--完整方法写法--><button v-on:click=" ...

  7. 从零开始学习jQuery (五) 事件与事件对象【转】

    一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言 本篇文章是至今为止本系列内容最多的一篇, 足以可见其 ...

  8. 从零开始学习jQuery (五) 事件与事件对象

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...

  9. jQuery框架学习第五天:事件与事件对象

    jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...

最新文章

  1. Android程序员眼中世界上最遥远的距离
  2. 梯度下降回归SGDRegressor、岭回归(Ridge)和套索(Lasso)回归、套索最小角回归、ElasticNet回归、正交匹配追踪回归
  3. 导航能力堪比GPS!动物们是这样做到的
  4. nrf51822蓝牙学习笔记之实例分析PPI和SHORT
  5. Bootstrap table后端分页(ssm版)
  6. Java Socket NIO
  7. java gc回收堆还是栈_浅析JAVA的垃圾回收机制(GC)
  8. react 使用rem布局_react如何使用rem适配
  9. 菜鸟学Linux 第093篇笔记 keepalived
  10. ulimit限制 新系统_graylog日志分析系统上手教程
  11. 在Selenium Chrome驱动程序上运行测试
  12. 安装APK时INSTALL_FAILED_ALREADY_EXISTS的解决办法
  13. Hibernate(1)——简介
  14. [UOJ#132][BZOJ4200][luogu_P2304][NOI2015]小园丁与老司机
  15. 2019信息素养知识点
  16. 非对称TSP问题(asymmetric travelling salesman problem)与对称TSP问题的转换
  17. 机器学习入门(浅谈L1和L2正则)
  18. 【JavaMap接口】特点实现类HashMap常用方法
  19. 【数据结构与算法基础】AOE网络与关键路径
  20. 一个很不错的bash脚本编写教程

热门文章

  1. 5种网络IO模型:阻塞IO、非阻塞IO、异步IO、多路复用IO、信号驱动IO
  2. 微服务网关的设计与实现
  3. MapReduce Job集群提交过程源码跟踪及分析
  4. 对数据科学家来说最重要的算法和统计模型
  5. 关于javascript的原型和原型链,看我就够了(二)
  6. MapReduce程序之序列化原理与Writable案例
  7. mahout in Action2.2-给用户推荐图书(2)-分析对用户推荐书目的结果
  8. Cognos 10.1 饼图百分比小数点显示的问题
  9. JS跨域控制IFrame高度自适应
  10. javascript获取asp.net后台代码的方法