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

Question

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

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

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

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

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

Answer 1

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

Answer 2

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

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

Answer 3

实现了吗？同样的需求，求指教！！！！

Answer 4

同样的需求，求指教！

Answer 5

点击切换页面还是切换数据?