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 22 Vue.js
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
Vue ​v-model相关知识总结
Jan 28 Vue.js
Vue实现圆环进度条的示例
Feb 06 Vue.js
vue如何使用rem适配
Feb 06 Vue.js
vue脚手架项目创建步骤详解
Mar 02 Vue.js
Vue + iView实现Excel上传功能的完整代码
Jun 22 Vue.js
vue实现列表垂直无缝滚动
Apr 08 Vue.js
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
vue组件vue-esign实现电子签名
Apr 21 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
MySQL修改密码方法总结
2008/03/25 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
jquery处理json对象
2014/11/03 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
React中的refs的使用教程
2018/02/13 Javascript
python进阶教程之词典、字典、dict
2014/08/29 Python
Python字符串替换实例分析
2015/05/11 Python
python调用fortran模块
2016/04/08 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
Flask-Mail用法实例分析
2018/07/21 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
空字符串(“”)和null的区别
2012/11/13 面试题
毕业求职自荐信格式是什么
2013/11/19 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
医药销售自荐书
2014/05/29 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
处级干部反四风个人对照检查材料思想汇报
2014/09/27 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers