这篇文章给大家分享的是有关Vue + Element-ui中下拉框el-select获取额外参数的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。
直接上代码吧~
<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的组件中实现这种不想覆盖默认参数都可以这样使用。
补充知识：element UI中的select选择器的change方法需要传递多个值
如果直接调用change事件，不传任何参数，则可以获取到当前选中的值（因为默认会将event参数传递过去）
场景：
你需要将select选择器 ”选中的当前元素“ 和 ”其他你需要的值“ 一起传递过去？
做法：
change （$event，“你要传递的其他值”）
感谢各位的阅读！关于Vue + Element-ui中下拉框el-select获取额外参数的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
