vxe-table组件获取当前页数据

于 2024-09-21 11:21:21 发布
阅读量200 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renqinglei1991/article/details/142413484
版权

vxe-table是基于vue数据表格组件功能强大并且易使用，那么在vxe中如何获取当前页的数据呢，首页查看vxe-table版本，不同的版本使用方式不一样
3.3.9版本如下：
1.获取全部数据

const table=this.$refs.deputyDirectorTable.getTableData().tableData

拓展，在vxe-table api中有多个数据分组，如fullData全部数据
在这里插入图片描述

为你学编程
关注
vxe-table校验,获取行内任意元素值
jyf_568的博客
05-31 376
(e.row.行内条件字段属性=='xxxx不能为空！
vxe-table 使用过程中的bug，实时更新（置顶）
IT博客技术分享
05-17 9457
1. 由于vxeTable 使用了font-awesome字体图标， 但是官方文档没有详细告诉你怎么引入使用，所以很多小伙伴都找不到原因。 解决办法：第一步安装依赖 npm install font-awesome --save 第二步引入依赖样式文件 在main.js文件中引入 //引入font-awesome import 'font-awesome/css/font-awesome.css'; 使用： <vxe-button size="mini" status="su..
VUE学习(十九) vxe-table获取筛选后的数据内容
easyboot的专栏
01-10 3453
vxe-table功能强大，很好用，但是我想获取筛选后的数据内容，发现需要设置ref=“xTable”PrintListData就是最终筛选后的数据。
备忘一下jvxetable的各种数据集获取方法
rocklee的专栏
07-05 1236
。
Vxe-table和websocket实时更新表格数据实现任务执行进度刷新状态效果
爱的叹息的专栏
10-13 2527
websocket.js文件内容如下。
vxtable可编辑表格父子组件传值的相关问题
qq_42797527的博客
09-09 356
【代码】vxtable可编辑表格父子组件传值的相关问题。
SortTable.js + vxe-table 实现多条批量排序
最新发布
小先生编程
06-12 997
环境: 功能: 实现表格拖动排序，支持单条排序，多条排序 实现思路: 官网只有单条排序的例子，网上也都是简单的使用，想要实现多条排序，就要结合着表格的复选框功能，在对其勾选的行统一计算！ 最终效果: 实现代码
j-vxe-table 获取行
05-26
如果你想获取当前页的数据行，可以使用表格的 getCurrentPageData 方法，例如： ```javascript this.$refs.table.getCurrentPageData() ``` 这些方法都是通过在表格组件上添加 ref 属性来获取的，例如： ```html ...
基于vxe-table的公共表格（包含大部分基础功能）
qq_42360279的博客
06-19 992
基于VXE-TABLE的公共表格
vxe-table 虚拟滚动
12-30
vxe-table是一个基于Vue的表格组件库，它提供了虚拟滚动的功能，可以用于处理大量数据的展示。虚拟滚动是一种优化技术，它只渲染当前可见区域的数据，而不是全部数据，从而提高了性能和用户体验。 在vxe-table中，...
vxe-table在当前表格中添加新的一行数据 重新获取列表的方法
qq_46698519的博客
11-07 4783
vxe-table在当前表格中添加新的一行数据 重新获取列表的方法
vxe-table表格事件汇总
小破孩的博客
09-12 4578
vxe-table表格事件汇总
vue最强table vxe-table 虚拟滚动列表 前端导出
一步一个脚印，踏实努力，向着目标前进
12-19 6356
要自定义表格中的字段显示，你可以使用formatter属性。这个属性允许你对字段的值进行格式化或翻译。例如，假设你有一个字段名为status，它的值可能是01或2，你想将这些值显示为未开始进行中和已完成data() {return {// ... 其他数据 ...// ... 其他列定义 ...{ field: 'status', title: '状态', formatter: this.formatStatus }],},methods: {case 0: return '未开始';
vue2+vxe-table实现表格增删改查+虚拟滚动
码上暴富
04-23 674
版本：v3.x (vue 2.6 长期维护版)
vxe-table导出xlsx，当前数据，全量数据
老黑的博客
12-06 3114
vxe-table导出全量数据，导出xlsx格式数据
vxe-table自定义渲染器获取筛选后的表格数据
weixin_44363296的博客
01-22 8797
首先引用插件: npm install xe-utils vxe-table import 'xe-utils' import VXETable from 'vxe-table' import 'vxe-table/lib/style.css' Vue.use(VXETable) // 在vxe-table中使用el组件需引用的插件 import VXETablePluginElement from 'vxe-table-plugin-element' import 'vxe-table-plugin-e
Vxe-table使用技巧总结
热门推荐
hoaxxcj的博客
06-01 1万+
最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。官方例子很多比较粗浅，我花了很多精力才弄通了一些功能点及细节。在此汇总给大伙铺铺路。
vxe-table 实现复杂的表格功能。
是秃子总会发光
07-11 6218
vxe-table + ant design 实现表格的增删改、排序、筛选、点击单元格弹对话框等功能。
vxe-table 实现 json 数据生成带 CRUD 功能的表格
我的博客
12-25 4653
@[TOC](vxe-table 实现 json 数据生成带 CRUD 功能的表格) 先熟悉 vxe-grid 数据代理基本使用 <vxe-grid border resizable height="500" :columns="tableColumn" :pager-config="tablePage" :toolbar="tableToolbar" :proxy-conf...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值