element-ui组件中input等的change事件中传递自定义参数
更新时间：2019年05月22日 11:50:34 作者：狂奔的蜗牛0828
这篇文章主要介绍了element-ui组件中的input等的change事件中传递自定义参数的实例代码，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
以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事件中传递自定义参数,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
本想从语言的角度来分析，无奈功力不够，只能粗浅的尝试一下，于是称之管中窥豹，还望大牛指正2011-12-12
这篇文章主要给大家介绍了关于如何在JS中如何使用css变量以及export之javascript关键字的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2021-09-09
这篇文章主要为大家介绍了alert和confirm的功能,需要的朋友可以参考下2014-05-05
在本篇文章里小编给大家分享的是关于利用JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作，需要的朋友们学习下。2019-09-09
第三篇，继续总结事件对象 先看看监听鼠标滚轮事件能帮我们做什么2010-05-05
这篇文章主要介绍了js如何获取对象在数组中的index，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
JS实现本地存储信息的方法(基于localStorage与userData)
这篇文章主要介绍了JS实现本地存储信息的方法,基于localStorage与userData实现本地存储的功能,需要的朋友可以参考下2017-02-02
解析offsetHeight,clientHeight,scrollHeight之间的区别
这篇文章主要是对offsetHeight,clientHeight,scrollHeight之间的区别进行了详细介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
本文通过实例代码给大家介绍了带参数的 npm script，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
异步是指进程不需要一直等下去,而是继续执行下面的操作,不用管其他进程的状态,下面这篇文章主要给大家介绍了关于JS异步编程方法的6种方案,需要的朋友可以参考下2023-01-01
最新评论