大家好,今天给大家分享的是vue传事件参数,希望大家喜欢。

在vue中传递事件参数还是比较常见的。

当然这种情况基本上是在html中标签中如何写这个问题上大家存在疑问。

那么这里我就分别举例说下。

1,标签中没有写括号的情况下

这种情况下我们如何获取事件参数呢?

那么我们的method方法这样写methods:{

dianji:function(d){

console.log(d);

}

}

我们来看下点击之后获取的结果

大家可以看到,默认在模板里面不写参数的话,会有一个默认的参数,然后这个参数就是事件参数。

2,标签中写括号没写参数的情况下

那么我们现在还是用相同的方法

现在来看下结果

大家看到没,这里是undefined,这个大家要注意下,如果写了圆括号的话,我们没有写任任何参数,就相当于我们传了一个undefined进去。

3,模板标签中写了$event 参数

然后我们的方法是methods:{

dianji:function(d){

console.log(d);

}

}

这样我们来看下结果。

4,模板标签中写了 不是 $event 参数

然后我们看下结果

提示$eve这个没有定义,所以这里我们清楚了,如果非要传参数的话,必须要使用 $event 这个参数,别的不行。

5,然后就是$event 参数的顺序

我们看结果

然后我们将上面的参数调换下顺序

我们看到 参数 只跟 传入的 $event 有关系,跟传递的顺序没有关系,而且只能传  $event 参数。

好了,今天的vue传事件参数就分享到这里,大家再见。

vue 点击事件传递多个参数_vue传事件参数相关推荐

  1. vue从后台获取新数据后刷新_vue传参页面刷新数据丢失问题

    在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据.今天经过总结,解决了这个问题.通过了一下几种情况进行传值: 通过 ...

  2. vue点击按钮怎么跳转图片_vue页面跳转

    一.在template中的常见写法: 点击跳转 二.在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常 ...

  3. vue点击按钮怎么跳转图片_vue下的h5页面实现点击图片跳转小程序

    第一步:配置签名和申明openTagList that.$api.getShareParam(params).then(data => { wx.config({ debug: false, a ...

  4. vue点击按钮怎么跳转图片_Vue中点击按钮切换图片;

    页面效果比较差,但是有图总比没图强点 这是最开始的页面,我们看到,图中只有一个"右箭头",点击右箭头; 左箭头也有了,然后我们继续点击右箭头; 右箭头没有了,只剩下了左箭头, 以上 ...

  5. 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 七 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...

  6. 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 六 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...

  7. 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 五 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...

  8. 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 三 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...

  9. 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 一 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...

最新文章

  1. 网红“AI大佬”被爆论文剽窃,Jeff Dean都看不下去了
  2. 从一道常见习题的自然延伸谈起
  3. Java print流简介
  4. C++为什么要内存对齐
  5. Spring Boot注解完成Restful API
  6. 常见前端数据格式转换
  7. matlab 条形图横坐标,Matlab条形图bar横坐标间距设置
  8. Visual Studio 2017 15.6发布
  9. 1.8 编程基础之多维数组 08 矩阵加法 python
  10. Dubbo Metrics 发布新版本 2.0.1 | Dubbo 的度量统计基础设施
  11. DataGridView
  12. oracle sql去差集,Oracle 两个逗号分割的字符串,获取交集、差集的sql实现过程解析...
  13. Jquery.ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
  14. vue写数字翻牌效果_封装vue版数字翻牌器
  15. 迅雷对非会员进行下载限速的解决方案
  16. (17)DialogBox和DialogBoxParam函数
  17. L0到L4超全介绍!30+自动驾驶方案汇总
  18. 一个人能懒到什么地步?
  19. VS下使用LoadLibrary加载dll失败
  20. 基于VGGFace2的人脸性别年龄检测系统(源码&教程)

热门文章

  1. Python将DataFrame的某一列作为index
  2. 吉林大学计算机科学与技术学院推免,2017吉林大学计算机科学与技术大学生推免夏令营...
  3. 记一次事务报错问题 Transaction synchronization is not active
  4. Python面试基础题-2018-12-26
  5. 自定义TabHost,TabWidget样式 .
  6. PlayFramework入门教程
  7. UA OPTI501 电磁波 LIH介质中的平面波1 平面波的性质
  8. UA MATH565C 随机微分方程V Markov Family的特征函数
  9. UA MATH636 信息论9 Reed-Solomon Code
  10. MFC单文档程序响应菜单消息的顺序