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如何实现验证码输入交互
Dec 07 Vue.js
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
vue实现防抖的实例代码
Jan 11 Vue.js
vscode自定义vue模板的实现
Jan 27 Vue.js
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
Vue多选列表组件深入详解
Mar 02 Vue.js
vue首次渲染全过程
Apr 21 Vue.js
Vue图片裁剪组件实例代码
Jul 02 Vue.js
vue+echarts实现多条折线图
Mar 21 Vue.js
vue的项目如何打包上线
Apr 13 Vue.js
vue 把二维或多维数组转一维数组
Apr 24 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
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
php防止sql注入简单分析
2015/03/18 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
全面解析JavaScript Module模式
2020/07/24 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
浅谈Python peewee 使用经验
2017/10/20 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
厨师岗位职责
2013/11/12 职场文书
电子商务专业个人的自我评价
2013/11/19 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
小学生综合素质评语
2014/04/23 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电