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使用vant中的checkbox实现全选功能
Nov 17 Vue.js
vue element-ul实现展开和收起功能的实例代码
Nov 25 Vue.js
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
Vue3 Composition API的使用简介
Mar 29 Vue.js
Vue图片裁剪组件实例代码
Jul 02 Vue.js
Vue的过滤器你真了解吗
Feb 24 Vue.js
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
vue elementUI表格控制对应列
Apr 13 Vue.js
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 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或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
PHP Array交叉表实现代码
2010/08/05 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
MSN消息提示类
2006/09/05 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
python文件写入实例分析
2015/04/08 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
Python3实现定时任务的四种方式
2019/06/03 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
Python内置异常类型全面汇总
2020/05/28 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
Java面试题:为什么要用Java
2012/05/11 面试题
安全事故检讨书
2014/01/18 职场文书
班组长岗位职责
2014/03/03 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
蓬莱阁导游词
2015/02/04 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL