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 25 Vue.js
详解Vue中的自定义指令
Dec 07 Vue.js
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
Vue 组件注册全解析
Dec 17 Vue.js
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
Vue 事件的$event参数=事件的值案例
Jan 29 Vue.js
Vue常用API、高级API的相关总结
Feb 02 Vue.js
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
vue postcss-px2rem 自适应布局
May 15 Vue.js
vue中data里面的数据相互使用方式
Jun 05 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过滤危险html代码
2008/08/18 PHP
PHP array_push 数组函数
2009/12/26 PHP
javascript some()函数用法详解
2014/11/13 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
JS函数重载的解决方案
2014/05/13 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
python interpolate插值实例
2020/07/06 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
美国休闲服装品牌:Express
2016/09/24 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
浪费资源的建议书
2014/03/12 职场文书
高三复习计划
2015/01/19 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle
win7配置本地ftp服务器的图文教程
2022/08/05 Servers