社区 › 代码 › vue 表格 vxe-table 加载数据的几种方式，更新数据的用法

杼氖 发表于 2026-1-8 18:55:03

vue 表格 vxe-table 加载数据的几种方式，更新数据的用法

vue 表格 vxe-table 加载数据的几种方式，更新数据的用法，vue 最强大的表格组件，支持 vue2 和 vue3，功能太多，这里介绍基础用法
https://vxetable.cn
双向绑定 data 方式

数据是双向同步的，修改 data 就可以自动刷新

<template>

    <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button>
    <vxe-button status="primary" @click="loadList2Event">修改2</vxe-button>
    <vxe-button status="primary" @click="loadList3Event">修改3</vxe-button>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>调用方法刷新数据

除了修改 data 之外，还可以通过调用 loadData、reloadData 方法刷新数据

<template>

    <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button>
    <vxe-button status="primary" @click="loadList2Event">修改2</vxe-button>
    <vxe-button status="primary" @click="loadList3Event">修改3</vxe-button>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

叟减 发表于 2026-1-14 01:20:01

收藏一下   不知道什么时候能用到

瞧厨 发表于 2026-1-19 00:54:59

喜欢鼓捣这些软件，现在用得少，谢谢分享！

骆贵 发表于 2026-1-19 01:45:14

很好很强大我过来先占个楼 待编辑

谅潭好 发表于 2026-1-20 17:53:01

感谢发布原创作品，程序园因你更精彩

染罕习 发表于 2026-1-21 15:36:52

收藏一下   不知道什么时候能用到

梳踟希 发表于 2026-1-24 11:03:07

这个好，看起来很实用

梢疠 发表于 2026-1-25 07:45:54

谢谢分享，试用一下

表弊捞 发表于 2026-1-27 02:16:36

喜欢鼓捣这些软件，现在用得少，谢谢分享！

能杜孱 发表于 2026-1-27 03:51:48

谢谢楼主提供！

格恳绌 发表于 2026-1-28 08:29:43

感谢分享，学习下。

缀访 发表于 2026-1-29 11:14:13

感谢发布原创作品，程序园因你更精彩

仟仞 发表于 2026-2-2 02:08:55

很好很强大我过来先占个楼 待编辑

雨角 发表于 2026-2-4 05:38:51

这个好，看起来很实用

炳裘垦 发表于 2026-2-5 11:37:31

这个好，看起来很实用

慷规扣 发表于 2026-2-6 11:29:50

喜欢鼓捣这些软件，现在用得少，谢谢分享！

哈梨尔 发表于 2026-2-8 02:32:38

很好很强大我过来先占个楼 待编辑

缑莺韵 发表于 2026-2-8 03:10:26

热心回复！

搜娲瘠 发表于 2026-2-8 05:20:08

感谢分享

啤愿 发表于 2026-2-9 11:39:27

感谢分享

查看完整版本: vue 表格 vxe-table 加载数据的几种方式，更新数据的用法