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 31 Vue.js
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
vue浏览器返回监听的具体步骤
Feb 03 Vue.js
vue常用高阶函数及综合实例
Feb 25 Vue.js
vue3.0中使用element的完整步骤
Mar 04 Vue.js
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
Vue3中的Refs和Ref详情
Nov 11 Vue.js
vue选项卡切换的实现案例
Apr 11 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
1.PHP简介
2006/10/09 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
PHP设计模式 注册表模式(多个类的注册)
2012/02/05 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
php中memcache 基本操作实例
2015/05/17 PHP
php简单截取字符串代码示例
2016/10/19 PHP
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
基于gulp合并压缩Seajs模块的方式说明
2016/06/14 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
python去除字符串中的换行符
2017/10/11 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
Python各种扩展名区别点整理
2020/02/27 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
2014婚礼司仪主持词
2014/03/14 职场文书
目标责任书格式
2014/07/28 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
长城导游词400字
2015/01/30 职场文书
美丽的大脚观后感
2015/06/03 职场文书
企业催款函范本
2015/06/24 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
运动会宣传稿100字
2015/07/23 职场文书
小学语文教学随笔
2015/08/14 职场文书