setCurrentRow(row); } // ... } 整合 当你按照上述步骤设置后,每当setCurrentRow被调用以设置当前高亮行时,vxe-table就会自动触发current-change事件,然后你的handleCurrentChange方法就会被调用,并接收到当前被选中行的信息。 通过这种方式,你可以灵活地控制vxe-table中当前高亮行的设置,并在行变化时执行特定的...
setCheckboxRow()getRowById()都是 table 提供的 api,所以需要先拿到表格的引用 handlePageChange({ currentPage, pageSize }) {// request new pagethis.queryPaper().then(() =>{lettable =this.$refs.paperTable;this.paperResult.forEach((paper) =>{if(this.selectedPapers.has(paper.id)) { table.s...
const { resizable, border, columnKey, headerRowClassName, headerCellClassName, headerRowStyle, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps const { isGroup, currentColumn, scrollXLoad, overflowX, scrollbarWidth...
vxe-table 官方文档 JVXETable基于vxe-table组件开发,使用方式与JEditableTable类似,但也不完全一样 参数配置 基础参数配置 参数类型默认值说明 columnsarray【必填】表格列的配置描述,详见【columns 参数配置】 dataSourcearray【必填】表格数据 sizestring'medium'表格尺寸,可选值有:'medium'、 'small'、 'mini'、 ...
最终的实现⽅案是使⽤⼀个 Set 保存所有选中的项⽬id,下⾯详细介绍代码实现。(之前还想了⼀个有点奇怪的⽅案,没有采⽤,写在最后了。)2 代码实现 vxe-table 配置 <vxe-table ref="paperTable"row-id="id"@checkbox-change="togglePaperSelect"@checkbox-all="toggleAllPaperSelect"> <vxe-...