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

• Z时代
• 2024-01-10
• 分类：技术分享

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

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

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

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

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

回答：

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

回答：

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

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

回答：

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

回答：

同样的需求，求指教！

回答：

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

以上是 【element-ui】elementUI的树形组件el-tree，点击节点右侧显示不同内容 的全部内容， 来源链接： utcz.com/a/151116.html