修改代码，实现el-table选中行高亮

修改别人的代码，实现以下效果，我按网上方法改总是选一个就全变色

<el-table
        :data="queryResult.result"
        align="left"
        style="width: 100%"
        class="ytTable"
        v-loading="loading"
        border
        @selection-change="selectionChange"
        highlight-current-row
      >
        <el-table-column align="left" type="selection" width="40px"></el-table-column>
        <el-table-column
          fixed
          align="left"
          type="index"
          label="序号"
          min-width="30px"
        ></el-table-column>

data () {
    return {
      selectRows: []
    }
  },
  props: {
    queryResult: {
      type: Object,
      default: function () {
        return {
          result: [],
          pageInfo: { pageIndex: 1, pageSize: 10, recordTotalAmount: 0 }
        }
      }
    },
//获取数据，但selectRows数据中没有ID、index
selectionChange (selectRows) {
      this.selectRows = [...selectRows]
    },

@selection-change="selectionChange"应该是放在下面的el-table-column里面吧，

<el-table-column align="left" type="selection" width="40px" @selection-change="selectionChange"></el-table-column>