element-ui el-table 多选和行内选中

<template>
  <div style="width: 100%;height: 100%;padding-right: 10px">
    <el-table
      ref="multipleTables"
      :data="tableData"
      max-height="300"
      @selection-change="handleSelectionChange"
      @row-click="btn"
　　　　>
      <el-table-column
        type="selection"
        width="55">
      </el-table-column>
      <el-table-column align="center" prop="areaName" label="装置/区域">
      </el-table-column>
      <el-table-column align="center" prop="pointName" label="分析单元/风险点名称">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        getRowKeys(row) {
          return row.id;
        },
        tableData: []
      }
    },
    methods:{//选中排查内容
      handleSelectionChange(row) {
        console.log(row)
        // this.formObj.hiddenDangerCheckPlanContentList = []
        // row.map((res)=>{
        //   this.formObj.hiddenDangerCheckPlanContentList.push({
        //     areaId:res.areaId,
        //     content:res.content,
        //     judgeBasis:res.basis,
        //     dictId:res.id
        //   })
        // })
      },
      btn(row){
        this.$refs.multipleTables.toggleRowSelection(row)
      },
    }
  };
</script>

<style lang="scss" scoped>

</style>