如何将element-ui的input等组件的change事件自定义参数传递？

本文共计416个文字，预计阅读时间需要2分钟。

以select为例，如果select写在循环中，在触发change事件时，可能不仅需要传递选中项的值，还需要传递index索引去改变同一循环中其他标签的状态。下面这样写是无效的：

javascript@change=changeSt

正确的做法是使用一个方法来处理change事件，并在该方法中传递所需的信息：

javascript@change=handleSelectChange

methods: { handleSelectChange(value, index) { // 使用value和index来改变状态 }}

这样，你就可以在`handleSelectChange`方法中根据选中的值和索引来执行相应的操作。

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