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

时间:2021-05-28

以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事件中传递自定义参数,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章