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编写简单的购物车功能
Jan 08 Vue.js
vue 页面跳转的实现方式
Jan 12 Vue.js
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
Vue详细的入门笔记
May 10 Vue.js
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
vue elementUI批量上传文件
Apr 26 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
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静态类的原罪详解
2013/05/06 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
jquery 学习之一 对象访问
2010/11/23 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
js实现蒙版效果
2020/01/11 Javascript
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
eBay奥地利站:eBay.at
2019/07/24 全球购物
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
SQL注入攻击的种类有哪些
2013/12/30 面试题
北大自主招生自荐信
2013/10/19 职场文书
写给女生的道歉信
2014/01/08 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android
苹果电脑mac os中货币符号快捷输入
2022/02/17 杂记
Oracle使用别名的好处
2022/04/19 Oracle
Python何绘制带有背景色块的折线图
2022/04/23 Python