vue 点击事件传递多个参数_vue传事件参数
大家好,今天给大家分享的是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传事件参数相关推荐
- vue从后台获取新数据后刷新_vue传参页面刷新数据丢失问题
在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据.今天经过总结,解决了这个问题.通过了一下几种情况进行传值: 通过 ...
- vue点击按钮怎么跳转图片_vue页面跳转
一.在template中的常见写法: 点击跳转 二.在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常 ...
- vue点击按钮怎么跳转图片_vue下的h5页面实现点击图片跳转小程序
第一步:配置签名和申明openTagList that.$api.getShareParam(params).then(data => { wx.config({ debug: false, a ...
- vue点击按钮怎么跳转图片_Vue中点击按钮切换图片;
页面效果比较差,但是有图总比没图强点 这是最开始的页面,我们看到,图中只有一个"右箭头",点击右箭头; 左箭头也有了,然后我们继续点击右箭头; 右箭头没有了,只剩下了左箭头, 以上 ...
- 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 七 )
Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...
- 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 六 )
Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...
- 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 五 )
Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...
- 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 三 )
Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...
- 【Android 事件分发】事件分发源码分析 ( ViewGroup 事件传递机制 一 )
Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) [Andr ...
最新文章
- 网红“AI大佬”被爆论文剽窃,Jeff Dean都看不下去了
- 从一道常见习题的自然延伸谈起
- Java print流简介
- C++为什么要内存对齐
- Spring Boot注解完成Restful API
- 常见前端数据格式转换
- matlab 条形图横坐标,Matlab条形图bar横坐标间距设置
- Visual Studio 2017 15.6发布
- 1.8 编程基础之多维数组 08 矩阵加法 python
- Dubbo Metrics 发布新版本 2.0.1 | Dubbo 的度量统计基础设施
- DataGridView
- oracle sql去差集,Oracle 两个逗号分割的字符串,获取交集、差集的sql实现过程解析...
- Jquery.ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
- vue写数字翻牌效果_封装vue版数字翻牌器
- 迅雷对非会员进行下载限速的解决方案
- (17)DialogBox和DialogBoxParam函数
- L0到L4超全介绍!30+自动驾驶方案汇总
- 一个人能懒到什么地步?
- VS下使用LoadLibrary加载dll失败
- 基于VGGFace2的人脸性别年龄检测系统(源码&教程)
热门文章
- Python将DataFrame的某一列作为index
- 吉林大学计算机科学与技术学院推免,2017吉林大学计算机科学与技术大学生推免夏令营...
- 记一次事务报错问题 Transaction synchronization is not active
- Python面试基础题-2018-12-26
- 自定义TabHost,TabWidget样式 .
- PlayFramework入门教程
- UA OPTI501 电磁波 LIH介质中的平面波1 平面波的性质
- UA MATH565C 随机微分方程V Markov Family的特征函数
- UA MATH636 信息论9 Reed-Solomon Code
- MFC单文档程序响应菜单消息的顺序