Vue references table of element

how does vue reference element"s table, to add click events to each line of table? (vue rookie asks for advice)

<template>
  <div>
    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
          @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column label="" width="120">
    <template slot-scope="scope">{{ scope.row.NickName }}</template>
      </el-table-column>
      <el-table-column prop="Province" label="" width="120"></el-table-column>
      <el-table-column prop="City" label="" show-overflow-tooltip></el-table-column>
    </el-table>
  </div>
</template>
The table of the

plug-in has only table headers. Where can I add click events to each row?
this is the tr

clipboard.png

Mar.05,2021

element-ui 's table comes with row-click event

see document

for details.

there is

on the row-click document.
Menu