element多选表格中使用Switch开关的实现

<el-switch v-model="status"
:active-value="1"
:inactive-value="0">
</el-switch>

<el-table-column prop="disable" label="状态" width="120">
          <template slot-scope="scope">
            <el-switch
              v-model="scope.row.mg_state"
            ></el-switch>
          </template>
</el-table-column>

<el-table-column prop="disable" label="状态" width="120">
          <template slot-scope="scope">
            <el-switch
              v-model="scope.row.mg_state"
              @change="changeStatus($event, scope.row, scope.$index)"  //加上触发时间
              :active-value="scope.row.disable == 1"     //根据后端返回的数据绑定1为开的状态
              :inactive-value="scope.row.disable == 0"   //根据后端返回的数据绑定0为关的状态
            ></el-switch>
          </template>
  </el-table-column>

 changeStatus(e, row, index) {
    //e返回状态，row当前行数据，index下标
        console.log(e, row, index);
        let userId = row.userId;
        let disable = row.disable;
    axios.get(`http://xxxxx/xx?userId=${userId}&disable=${disable}`).then((res)=>{
        console.log(res);
})
}