使用 vxe-table 将行数据标记为删除状态
vxe-table 如何将行标记为删除状态，不是直接删除官网：https://vxetable.cn
vxe-table 支持直接将数据标记待删除状态，通过调用 setPendingRow 方法标记为待删除状态
<template>
<vxe-button status="error" @click="pendingSelectEvent(true)">批量标记除</vxe-button>
<vxe-button status="info" @click="pendingSelectEvent(false)">批量取消标记</vxe-button>
<vxe-button status="success" @click="getPendingEvent">获取已标记数据</vxe-button>
<vxe-table
border
show-overflow
keep-source
height="400"
ref="tableRef"
:edit-config="editConfig"
:data="tableData">
<vxe-column type="checkbox" width="70"></vxe-column>
<vxe-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-column>
<vxe-column field="sex" title="Sex" :edit-render="{name: 'input'}"></vxe-column>
<vxe-column field="age" title="Age" :edit-render="{name: 'input'}"></vxe-column>
<vxe-column field="action" title="操作" width="200">
<template #default="{ row }">
<vxe-button mode="text" status="error" @click="pendingRow(row, true)">标记</vxe-button>
<vxe-button mode="text" @click="pendingRow(row, false)">取消</vxe-button>
</template>
</vxe-column>
</vxe-table>
</template>https://gitee.com/x-extends/vxe-table
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]