1. 程式人生 > >Vue + Element-ui的下拉框el-select獲取額外引數

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的元件中實現這種不想覆蓋預設引數都可以這樣使用。