elementui笔记:el-table删除一行记录(二)

上一篇文章中,借助@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还是一样的,效果也一样

猜你喜欢

转载自blog.csdn.net/qq_43523725/article/details/123258512
今日推荐