element-ui组件中input等的change事件中传递自定义参数


Posted in Javascript onMay 22, 2019

以select为例,如果select写在循环里,触发change事件时可能不只需要传递被选中项的值,还要传递index过去,来改变同一循环中的其他标签的状态。

下面这样写是无效的:

@change="changeStatus(val, index)"

<div v-for="(item,index) in itemList">
   <el-select v-model="item.value" @change="changeStatus(val, index)">
     <el-option v-for="op in options" 
       :key="op.key":
       :label="op.label"
       :value="op.label">
     </el-option>
    </el-select>
</div>

这样再封装一层就可以了:

@change="((val)=>{changeStatus(val, index)})"
<div v-for="(item,index) in itemList">
   <el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})">
    <el-option v-for="op in options" 
     :key="op.key" 
     :label="op.label"
      value="op.label">
     </el-option>
   </el-select>
 </div>

总结

以上所述是小编给大家介绍的element-ui组件中input等的change事件中传递自定义参数,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!        

Javascript 相关文章推荐
JavaScript 动态添加表格行 使用模板、标记
Oct 24 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
使用javascript实现判断当前浏览器
Apr 14 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
vue如何引入sass全局变量
Jun 28 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
js实现弹窗效果
Aug 09 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 #Javascript
小程序如何使用分包加载的实现方法
May 22 #Javascript
原生js实现trigger方法示例代码
May 22 #Javascript
koa router 多文件引入的方法示例
May 22 #Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 #Javascript
微信小程序+腾讯地图开发实现路径规划绘制
May 22 #Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 #Javascript
You might like
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
判断输入的字符串是否是日期格式的简单方法
2016/07/11 Javascript
onmouseover事件和onmouseout事件全面理解
2016/08/15 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
Node.js使用Express创建Web项目详细教程
2017/03/31 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
简单解析Django框架中的表单验证
2015/07/17 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
实用自动化运维Python脚本分享
2018/06/04 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
python中wheel的用法整理
2020/06/15 Python
Nike香港官网:Nike HK
2019/03/23 全球购物
在校生党员自我评价
2013/09/25 职场文书
护理自我鉴定范文
2013/10/06 职场文书
黄河的主人教学反思
2014/02/07 职场文书
小溪流的歌教学反思
2014/02/13 职场文书
设计专业自荐信
2014/06/19 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
房屋出售授权委托书
2014/10/12 职场文书
交通事故被告代理词
2015/05/23 职场文书
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
PHP中多字节字符串操作实例详解
2021/08/23 PHP
基于Python实现一个春节倒计时脚本
2022/01/22 Python