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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
JavaScript 拖拉缩放效果
Dec 10 Javascript
javascript Prototype 对象扩展
May 15 Javascript
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
Feb 08 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
VUE重点问题总结
Mar 19 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
微信小程序实现轮播图指示器
Jun 25 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
Zend引擎的发展 [15]
2006/10/09 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
jQuery操作表单常用控件方法小结
2015/03/23 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
python excel使用xlutils类库实现追加写功能的方法
2018/05/02 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
带你认识Django
2019/01/15 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
工程师自我评价怎么写
2013/09/19 职场文书
实习自我鉴定模板
2013/09/28 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
调解协议书
2014/04/16 职场文书
新兵入伍心得体会
2014/09/04 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
工资收入证明
2014/10/07 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
2015年安全生产责任书
2015/01/30 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery