vxetable何如删除checkbox选中的行
时间: 2023-02-09 08:06:27 浏览: 123
要删除 vxetable 中 checkbox 选中的行,你可以使用 vxetable 的 "remove-select" 事件。首先,你需要在 vxetable 中添加一个 checkbox 列,然后给这个列添加 "checkbox" 属性。然后在你的组件中监听 "remove-select" 事件,在事件处理函数中获取当前选中的行的 rowkey,再调用 vxetable 的 remove 函数即可删除选中的行。
例子:
```
<template>
<vx-table @remove-select="removeSelect">
<vx-table-column type="checkbox" prop="selected"/>
<vx-table-column prop="name"/>
<vx-table-column prop="age"/>
</vx-table>
</template>
<script>
export default {
methods: {
removeSelect(params) {
this.$refs.table.remove(params.selection.map(item => item.rowkey));
}
}
}
</script>
```
在这个例子中,我们在 vxetable 中添加了一个 checkbox 列,并且给这个列添加了 "checkbox" 属性。然后我们在组件的 methods 中定义了一个 "removeSelect" 函数,这个函数会在 "remove-select" 事件触发时执行。我们在函数中获取到当前选中的行的 rowkey,然后调用 vxetable 的 remove 函数删除选中的行。
阅读全文