你可以在 vxetable 中使用 $refs 属性来获取到每一行的 DOM 节点,然后使用 removeChild 方法删除这些节点。
具体步骤如下:
- 在 vxetable 的行上绑定 ref 属性,例如:
<vxe-table ref="table" :data="data">
<vxe-table-column v-for="(item, index) in columns" :key="index" :field="item.field" :title="item.title" />
</vxe-table>
- 在点击删除按钮时,获取到选中的行,然后循环删除这些行:
const selectedRows = this.$refs.table.getCheckboxRecords()
selectedRows.forEach(row => {
this.$refs.table.$el.removeChild(row.$el)
})
注意:这只是在前端删除了行,如果要从后端删除数据,还需要发送请求给后端 API。