vue（el-table-column） 点击某一行的按钮，获取当前行的数据

Vue2

1. 第一步先对删除或修改按钮加一个template标签，然后在加一个slot-scope="scope"属性
   

<el-table-column
                    label="操作"
                    align="center">
                <template slot-scope="scope">
                    <el-button type="primary">修改</el-button>
                    <el-button type="danger" @click="dlt(scope.row)">删除</el-button>
                </template>
            </el-table-column>

2. 通过scope.row就可以获取当前的行的数据。通过方法可以输出，发现获取的是一个对象，那么可以通过 对象.属性名，来获取想要的数据。
   

参考：点我进入

Vue3

原理同Vue2

<el-table-column  label="操作" align="center" >
        <template #default="scope">
          <el-button type="primary" :icon="Edit" circle @click="onEdit(scope)" />
          <el-button type="danger" :icon="Delete" circle />
        </template>
      </el-table-column>