el-select的change事件传参

el-select的change事件可以通过传参来获取当前选中的值。具体方法如下：

1. 在el-select标签上添加一个change事件，例如：

<el-select v-model="value" @change="handleChange"></el-select>

2. 在Vue实例中定义handleChange方法，例如：

methods: {
handleChange(value) {
console.log(value);
}
}

3. 在handleChange方法中，value参数即为当前选中的值。可以根据需要进行处理。

注意：如果el-select使用了multiple属性，那么value参数将是一个数组，包含所有选中的值。

相关问题

el-select change事件传参

el-select的change事件默认会返回当前选中的值，但如果我们需要在选中下拉选项时改变另一个参数的值，就需要传入自定义参数。可以通过@change="(val) => checkChange(val, 自定义参数)"的方式来传参。其中，val表示选中的值，自定义参数可以在checkChange函数中进行处理和使用。例如，可以通过console.log(val)来查看选中的值，通过console.log(row)来查看自定义的参数。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [el-select的change事件传自定义参数](https://blog.csdn.net/weixin_46715953/article/details/128852995)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [解决vue elementUI 使用el-select 时 change事件的触发问题](https://download.csdn.net/download/weixin_38635092/14648352)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

el-select @change传参

在el-select的@change事件中传参的方法有多种。一种方法是使用箭头函数，将需要传递的参数作为第二个参数传入checkChange函数。例如，可以这样写@change="(val) => checkChange(val, 自定义参数)"。在checkChange函数中，可以通过第一个参数val获取el-select选中的值，通过第二个参数获取自定义的参数。\[1\]\[2\]

另一种方法是使用bind方法，将需要传递的参数绑定到checkChange函数中。例如，可以这样写@change="checkChange.bind(this, 自定义参数)"。在checkChange函数中，第一个参数仍然是el-select选中的值，而自定义的参数则作为checkChange函数的第二个参数传入。\[2\]

这样，你就可以在el-select的@change事件中同时获取到el-select选中的值和自定义的参数了。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [在el-select的change事件中传递自定义参数](https://blog.csdn.net/qq_42527726/article/details/113940722)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-select的change事件传自定义参数](https://blog.csdn.net/weixin_46715953/article/details/128852995)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [element-ui select组件change事件传递多个参数的方法](https://blog.csdn.net/weixin_40967353/article/details/121648363)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]