使用 vxe-table 来实现左边是树，右边是表格联动功能

使用 vxe-table 来实现左边是树，右边是表格联动功能，当需要实现左右两侧联动时，表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table
预览

代码

1. <template>
2.   
3.     <vxe-split height="600" border padding>
4.       <vxe-split-item width="200" min-width="100">
5.         <vxe-tree v-bind="treeOptions" @current-change="currentChangeEvent"></vxe-tree>
6.       </vxe-split-item>
8.       <vxe-split-item min-width="300">
9.         <vxe-grid v-bind="gridOptions"></vxe-grid>
10.       </vxe-split-item>
11.     </vxe-split>
12.   
13. </template>

复制代码

https://gitee.com/x-extends/vxe-table

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

热心回复！