在上一篇文章中,借助@row-click
来获取当前被点击记录的数据,然后去调用删除方法
其实“删除”按钮是有用template包裹的,可以使用scope获取当前选中行数据,不需要通过@row-click
来辅助获取选中行数据,当时的代码如下:
<el-table-column prop="" label="操作">
<template>
<div class="flex-c-a">
<span class="delete-btn">删除</span>
</div>
</template>
</el-table-column>
如果直接用scope来获取当前行记录,可以这样:
html:
<el-table-column prop="" label="操作" align="center">
<template>
<div class="flex-c-a">
<span class="delete-btn" @click="removeFundBtn(scope.row)">删除</span>
</div>
</template>
</el-table-column>
删除的method还是一样的,效果也一样