vue 项目@change多个参数传值多个事件的操作


Posted in Vue.js onJanuary 29, 2021

首先是只有一个change事件

vue 项目@change多个参数传值多个事件的操作

changelevel()//选择值

若想改变select同时改变row里的值

vue 项目@change多个参数传值多个事件的操作

多个事件用;分割开来

此时发现changelevel()不执行那么加上()呢

vue 项目@change多个参数传值多个事件的操作

changelevel(val){  console.log(val) => //undefined}

表示未传参数 输出undefined

那么要传值传谁呢

vue 项目@change多个参数传值多个事件的操作

传入$event 再次输出就可获取选择值

补充:element-ui @change添加自定义参数

element-ui的change事件默认参数是一个value值,比如下拉框的change事件默认参数是选中的value值,但是实际项目中我们要传的一般不止这一个参数,如果直接追加两个参数可能获取不到,这时需要把参数中的默认参数名换成$event即可,

//第一个参数是默认的value参数,第二个是我们自己想传入的参数

@change='selectChange($event,scope.row)'

或者使用第二种方法:

@change='(val)=>selectChange(value,scope.row)'

以上为个人经验,希望能给大家一个参考,也希望大家多多支持三水点靠木。如有错误或未考虑完全的地方,望不吝赐教。

Vue.js 相关文章推荐
vue单元格多列合并的实现
Nov 26 Vue.js
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
Vue看了就会的8个小技巧
Jan 21 Vue.js
vue前端和Django后端如何查询一定时间段内的数据
Feb 28 Vue.js
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
vue backtop组件的实现完整代码
Apr 07 Vue.js
vue中 this.$set的使用详解
Nov 17 Vue.js
详解Vue的列表渲染
Nov 20 Vue.js
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
vue elementUI表格控制对应列
Apr 13 Vue.js
VUE递归树形实现多级列表
Jul 15 Vue.js
vue 实现click同时传入事件对象和自定义参数
Jan 29 #Vue.js
聊聊vue 中的v-on参数问题
Jan 29 #Vue.js
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 #Vue.js
Vue 事件的$event参数=事件的值案例
Jan 29 #Vue.js
Vue 3自定义指令开发的相关总结
Jan 29 #Vue.js
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 #Vue.js
vue穿梭框实现上下移动
Jan 29 #Vue.js
You might like
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
jQuery 操作XML入门
2008/12/25 Javascript
精通Javascript系列之Javascript基础篇
2011/06/07 Javascript
brook javascript框架介绍
2011/10/10 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
详解vue.js 开发环境搭建最简单攻略
2017/06/12 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
Python日志模块logging简介
2015/04/13 Python
Python实现爬取逐浪小说的方法
2015/07/07 Python
python二分查找算法的递归实现方法
2016/05/12 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
使用Python-OpenCV向图片添加噪声的实现(高斯噪声、椒盐噪声)
2019/05/28 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
python实现简易学生信息管理系统
2020/04/05 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
La Senza官网:北美顶尖性感内衣品牌
2018/08/03 全球购物
Java程序员面试题
2016/09/27 面试题
社团成立邀请函
2014/01/08 职场文书
网络管理专业求职信
2014/03/15 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python