elementui的table复选框单选

       


    <el-table ref="refsTable" v-loading="loading" :data="safeList" style="width: 100%;" border
                            class="elTable" @selection-change="handleSelectionChange" :header-cell-style="getRowClass"
                            :cell-style="rowClass">
                            <el-table-column type="selection" width="55" align="center" prop="lineId" />
                           <el-table-column label="飞行航线" align="center" prop="lineName"
                                :show-overflow-tooltip="true" />
                            <el-table-column label="任务编号" align="center" prop="taskNumber"
                                :show-overflow-tooltip="true" />
                            <el-table-column label="任务开始时间" width="160" align="center" prop="beginTime"
                                :show-overflow-tooltip="true" />
                            <el-table-column label="任务结束时间" width="160" align="center" prop="endTime"
                                :show-overflow-tooltip="true" />
                            <el-table-column label="图片数量" width="120" align="center" prop="totalImgNum" />
                            <el-table-column label="未带安全帽数" width="130" align="center" prop="handleImgNum" />
                        </el-table>

                        <div class="pagin">
                            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
                                :limit.sync="queryParams.pageSize" @pagination="getList" />
                        </div>
// 复选框多选框选中数据
        handleSelectionChange(selection) {
             this.checkedLine = selection[0].lineId;
            if (selection.length > 1) {
          this.$refs.refsTable.clearSelection();
          this.$refs.refsTable.toggleRowSelection(selection.pop());
 }
}