vxe-table获取checkbox选中行的下标
时间: 2023-02-15 18:37:10 浏览: 113
vxe-table是一个基于Vue.js的表格组件,如果要获取checkbox选中行的下标,你可以使用vxe-table的selection属性。
在vxe-table中,selection属性是一个数组,其中包含了当前checkbox选中的行的信息。你可以使用selection属性来获取checkbox选中行的下标。
例如:
```
<template>
<vxe-table :data="tableData" :selection="selected" @select-change="handleSelectionChange">
<!-- table columns -->
</vxe-table>
</template>
<script>
export default {
data () {
return {
selected: [],
tableData: [
{ id: 1, name: 'a' },
{ id: 2, name: 'b' },
{ id: 3, name: 'c' }
]
}
},
methods: {
handleSelectionChange (selection) {
this.selected = selection
console.log(selection)
}
}
}
</script>
```
上面的代码中,当用户选中checkbox时,会触发select-change事件,事件处理函数中会接收到当前checkbox选中的行的信息,你可以使用这些信息来获取选中行的下标。
你也可以直接使用vxe-table的selection属性来获取当前checkbox选中的行信息,例如:
```
const selected = this.$refs.table.selection
console.log(selected)
```
这样就可以获取到checkbox选中行的信息了。
阅读全文