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

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

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

1. <template>
2.   
3.     <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button>
4.     <vxe-button status="primary" @click="loadList2Event">修改2</vxe-button>
5.     <vxe-button status="primary" @click="loadList3Event">修改3</vxe-button>
7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
8.   
9. </template>

复制代码

调用方法刷新数据

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

1. <template>
2.   
3.     <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button>
4.     <vxe-button status="primary" @click="loadList2Event">修改2</vxe-button>
5.     <vxe-button status="primary" @click="loadList3Event">修改3</vxe-button>
7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
8.   
9. </template>

复制代码

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