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 24 Vue.js
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
vue编写简单的购物车功能
Jan 08 Vue.js
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vue 递归组件的简单使用示例
Jan 14 Vue.js
Vue常用API、高级API的相关总结
Feb 02 Vue.js
Vue基本指令实例图文讲解
Feb 25 Vue.js
vue Element-ui表格实现树形结构表格
Jun 07 Vue.js
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
使用vuex-persistedstate本地存储vuex
Apr 29 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
帅气的琦玉老师
2020/03/02 日漫
php获取Google机器人访问足迹的方法
2015/04/15 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
PHP attributes()函数讲解
2019/02/03 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
详解如何运行vue项目
2019/04/15 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
vue 弹出遮罩层样式实例
2020/07/22 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
设置python3为默认python的方法
2018/10/31 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
python实现126邮箱发送邮件
2020/05/20 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
给排水工程师岗位职责
2013/11/21 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
委托书样本
2014/04/02 职场文书
销售员岗位职责
2014/06/09 职场文书
营销与策划专业求职信
2014/06/20 职场文书
学习十八大的感悟
2015/08/11 职场文书
大学生志愿者心得体会
2016/01/15 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers
python+opencv实现目标跟踪过程
2022/06/21 Python