element-plus表格编辑按钮相关问题

vue3+element-plus

img


想实现这样的功能,elemnent上面的案例不适用,用了select等等相关事件,无法获取到选中的row的数据

贴一下 code

<template>
<el-button @click="handle(row)">编辑</button>
<el-table>
  数据
</el-table>
</template>
<script>
const handle = (row) => {
console.log(row)
获取到行中的数据,
把输入传入弹出的表单
}
</script>

手打的code,大概这个意思,无法获取到表格中行的数据

可以在模板内事件上写一个函数,然后函数里面在去调用你,自己定义的方法,把table的row和select的参数都传入就好了


<el-table-column label="操作" width="190" align="left" header-align="center">
        <template slot-scope="scopeds">
          <el-select @change="(val) => 自定义的方法(scopeds.row, val)"></el-select>
        </template>
      </el-table-column>