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 19 Vue.js
vue实现表格合并功能
Dec 01 Vue.js
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
在vue中动态修改css其中一个属性值操作
Dec 07 Vue.js
vue实现树状表格效果
Dec 29 Vue.js
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 Vue.js
vue+echarts实现多条折线图
Mar 21 Vue.js
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
vue @click.native 绑定原生点击事件
Apr 22 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(视频)Http下载
2006/12/12 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
Javascript----文件操作
2007/01/18 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
js倒计时显示实例
2016/12/11 Javascript
原生js开发的日历插件
2017/02/04 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
详解JavaScript按概率随机生成事件
2017/08/02 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
2018/04/22 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
总经理助理岗位职责范本
2015/03/31 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技