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的组件中实现这种不想覆盖默认参数都可以这样使用。

猜你喜欢

转载自blog.csdn.net/WYA1993/article/details/84786846