elementUI的树形组件el-tree,点击节点右侧显示不同内容

lsl3356880
  • 102

elementUI el-tree树形组件中的内容是通过后台API获取.
但是树形组件是封装好的

<el-tree :data="dataList" :props="defaultProps" accordion @node-click="handleNodeClick"></el-tree>

需要实现的功能:点击对应树节点,右侧显示对应的表格数据。

只要传入数据就能自动生成,不知道该怎么给点击的节点添加路由,让内容在右侧动态切换显示。

哪位大佬有经验的分享下 谢谢

回复
阅读 7k
5 个回答

通过点击事件 进行跳转路由 image

如果左侧tree和右侧的内容在一个组件内,那tree的handleNodeClick事件应该能拿到一些数据,然后请求接口,动态改变右侧数据;

如果左侧是tree,右侧是一个router-view,那建议用vuex,tree的handleNodeClick事件拿到数据,设置vuex;右侧watch 一下 vuex的状态,然后请求接口获取数据

宣传栏