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 相关文章推荐
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
基于vue项目设置resolves.alias: '@'路径并适配webstorm
Dec 02 Vue.js
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
vue中利用three.js实现全景图的完整示例
Dec 07 Vue.js
vue+element实现动态加载表单
Dec 13 Vue.js
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
vue 递归组件的简单使用示例
Jan 14 Vue.js
如何让vue长列表快速加载
Mar 29 Vue.js
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
ant design vue的form表单取值方法
Jun 01 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
JavaScript中创建原子的方法总结
2018/08/26 Javascript
express如何解决ajax跨域访问session失效问题详解
2019/06/20 Javascript
jQuery属性选择器用法实例分析
2019/06/28 jQuery
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Python对象类型及其运算方法(详解)
2017/07/05 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python中的&&及||的实现示例
2019/08/07 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
css3发光搜索表单分享
2014/04/11 HTML / CSS
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
最新茶叶店创业计划书
2014/01/14 职场文书
乡镇镇长个人整改措施
2014/10/01 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
经济纠纷起诉状
2015/05/20 职场文书
八年级英语教学反思
2016/02/15 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python