Vue Element-ui el-select下拉框如何获取额外参数？
- 内容介绍
- 文章标签
- 相关推荐
本文共计300个文字，预计阅读时间需要2分钟。
直接上代码吧~
<el-table-column label="用户类型" width="180"> <template slot-scope="scope"> <el-select v-model="scope.row.roleID" placeholder="请选择" @change="changeRole($event,scope)"> <el-option v-for="item in roles" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> </el-table-column>
我想在触发下拉框change事件时获取到scope里的值，因为el-select的change事件默认有个回调参数，就是选择的value，如果想额外获取其他的值不能直接写@change="changeRole(scope)"，这样会覆盖默认的参数，加上$event就可以取到了。
不仅仅是el-select，其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。
本文共计300个文字，预计阅读时间需要2分钟。
直接上代码吧~
<el-table-column label="用户类型" width="180"> <template slot-scope="scope"> <el-select v-model="scope.row.roleID" placeholder="请选择" @change="changeRole($event,scope)"> <el-option v-for="item in roles" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> </el-table-column>
我想在触发下拉框change事件时获取到scope里的值，因为el-select的change事件默认有个回调参数，就是选择的value，如果想额外获取其他的值不能直接写@change="changeRole(scope)"，这样会覆盖默认的参数，加上$event就可以取到了。
不仅仅是el-select，其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。