首页 >> js开发 >> jsVue + Element-ui的下拉框el-select获取额外参数详解js大全
jsVue + Element-ui的下拉框el-select获取额外参数详解js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
直接上代码吧~
label="用户类型"
width="180">
placeholder="请选择" @change="changeRole($event,scope)">
v-for="item in roles"
:key="item.value"
:label="item.label"
:value="item.value">
label="用户类型"
width="180">
placeholder="请选择" @change="changeRole($event,scope)">
v-for="item in roles"
:key="item.value"
:label="item.label"
:value="item.value">
我想在触发下拉框change事件时获取到scope里的值,因为el-select的change事件默认有个回调参数,就是选择的value,如果想额外获取其他的值不能直接写@change="changeRole(scope)",这样会覆盖默认的参数,加上$event就可以取到了。不仅仅是el-select,其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。补充知识:element UI中的select选择器的change方法需要传递多个值补充知识:补充知识:element UI中的select选择器的change方法需要传递多个值如果直接调用change事件,不传任何参数,则可以获取到当前选中的值(因为默认会将event参数传递过去)场景:场景:你需要将select选择器 ”选中的当前元素“ 和 ”其他你需要的值“ 一起传递过去?做法:做法:change ($event,“你要传递的其他值”)以上这篇Vue + Element-ui的下拉框el-select获取额外参数详解就是小编分享给大家的全部内容了,希望能给大家一个参考。
label="用户类型"
width="180">
placeholder="请选择" @change="changeRole($event,scope)">
v-for="item in roles"
:key="item.value"
:label="item.label"
:value="item.value">
label="用户类型"
width="180">
placeholder="请选择" @change="changeRole($event,scope)">
v-for="item in roles"
:key="item.value"
:label="item.label"
:value="item.value">