ant design vue在表格外面添加一个删除按钮,当用户选中表格数据,然后可以删除,能够多选删除和单选删除

发布于 2022-09-12 04:02:07 字数 840 浏览 16 评论 0

image.png
image.png

用户点击确定的时候可以把选中的删除

  <a-table
            style="height:500px"
            ref="table2"
            bordered
            size="middle"
            rowKey="id"
            :columns="columns2"
            :dataSource="dataSorde"
            :pagination="ipagination2"
            :loading="loading2"
            :rowSelection="{selectedRowKeys: selectedRowKeys2, onChange: onSelectChange2}"
            @change="handleTableChange2">
           <span slot="action" slot-scope="record,text">
              <a-switch  @change="switchButton(record,text)" checked-children="启用" un-checked-children="停用" default-checked />
           </span>
          </a-table>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

帥小哥 2022-09-19 04:02:07

你都能拿到选中的selectedRowKeys,删除还有什么问题吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文