vue2:el-select中的@change事件如何传入自定义参数

59 篇文章 ¥19.90 ¥99.00

在 Element UI 中,el-select 组件用于创建一个下拉选择框。当选项发生变化时,你可以使用 @change 事件来监听这个变化。默认传入的是选中项的值(如果是多选,则传入一个数组)

3e7fef425ed74e03b3a75b04e713f10d.png

但是有些时候需要传入额外的自定义参数,可以通过如下方式实现

1、template中定义事件响应函数时,指定选中项值的参数名称。如下:通过(newVal)指定参数‘newVal’为传入的选中项,那么另一个参数row即是传入的自定义参数。

<el-select
    v-model="form.query1[index].field"
    placeholder="请选择查询参数"
    @change="(newVal) => handleField1Change(row, newVal)"
>
   <el-option
       v-for="item in fieldOptions"
       :key="item.field"
       :label="item.label"
       :value="item.field">
   </el-option>
</el-select>

2、函数实现

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值