解决element UI 组件的change等事件自定义传参的问题

问题描述:以change事件为例,在一个循环的标签里插入单选按钮组,改变选项则触发change事件,在某些情况下change方法执行的操作可能需要单选按钮组的索引以便处理不同的操作。

1.elemntui官方单选按钮组组件

         启动耗时分布
         启动耗时最差5款


2. 在循环中插入单选按钮组并传入自定义参数item,index(改进前)
启动耗时分布 启动耗时最差5款

通过打印上面的参数发现label为undefined,也就是说选中Radio的label 值并没有传递过来,进行如下改进:

3. 在循环中插入单选按钮组并传入自定义参数item,index(改进后)
启动耗时分布 启动耗时最差5款

以上就是自定义传参的解决办法,其核心就一行代码

@change="((label)=>{changeBarStatus(label, item, index)})"

总结就是以闭包的形式触发函数调用即可

你可能感兴趣的:(解决element UI 组件的change等事件自定义传参的问题)