A-table mouse over the display hand, the current line can be clicked

 demand ： When you mouse over a single row of a table , Small hands appear , Clicking time , You can jump to the edit page 
 Document address ：https://antdv.com/components/table-cn/
 Practical operation ：

<template>
    <a-table
      :loading="loading"
      :columns="columns"
      :data-source="dataSource.list"
      rowKey="Id"
      :pagination="paginationSet"
      :locale="locale"
      v-if="!cardloading"
      :customRow="click"  //  Key points 
    >
    <!--  Business content  -->
    </a-table>
</template>
<script>
 export default {
    methods: {
      toEdit (Id) {
        this.$router.push({ path: '/route/EditRoute', query: { pId: Id } })
      },
      click (record, index) {
        return {
          style: {
            'cursor': 'pointer'
          },
          on: {
            click: () => {
              console.log(record, index)
              this.toEdit(record.Id)
            }
          }
        }
      }
    }
 }
</script>