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參數傳遞過去）