就是页面分成了区域A 和 区域B 。区域B是el-tree组件。点击不同的el-tree节点，区域A显示不同的内容。这是el-tree的点击事件吗？点击的时候，右边调用不同的组件吗？
点击el-tree的节点，页面显示不同的内容，这是怎么实现的啊？组件切换吗？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
_念_ 2022-04-22 09:42关注1.传统的if逻辑，首先右边的，全部做成单独组建，在整个大框架中import，点击a的时候，右边对应显示相应的组件，v-if去显示，类似于选项卡。进阶是使用动态组件的is属性，这样就可以不用写很多if了
2.采用多级路由的方式，左边点击的时候直接router-link，右边放一个router-view，这种方案要在路由里面配置children本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用 3举报 分享
- 2022-11-18 11:25Baifu paste的博客 el-tree双击节点就可以移动到另个table中
- 2025-01-09 17:14不想上班只想要钱的博客 vue3 设置el-tree勾选节点与取消节点。注：id是el-tree的节点id。
- 2022-11-08 15:03辛波斯卡420的博客 checkChange(flag) { // 点击切换状态、展开|收起 this.isUnfold({ data: this.data, flag }) }, isUnfold({ data, flag }) { // 全部展开or收起 const that = this data.forEach((el) => { that.$refs.tree[0]....
- 2021-03-01 11:38lookingForw_4585的博客 el-tree组件默认显示时，节点是不带icon的，如需使用时，可以通过自定义插槽的方式来实现，实现方式在网络上也存在很多，本篇只简单记录个人如何实现。 功能点： 替换默认显示的小三角图标 展开即关闭节点时图标...
- 2024-03-26 10:27StevenChen85的博客 里面有了参数，但是这个树不会实时渲染，要等到下一次的dom节点渲染时才会显示出来，把上面那个代码改成下面这个样子，加一个实时刷新的函数。这时会发现一个问题，就是树没有打勾，这是因为虽然。
- 2023-05-05 14:34一个被代码耽误的厨子的博客 如下所示，这是elementUI中的tree组件，当点击某行数据的时候会有背景色，但是当鼠标点击别处时，便失去焦点，背景色随之消失了。而我想要的效果是，当点击某行数据，高亮该数据，且一直不消失，当点击另一行数据时...
- 2023-04-06 09:14空白竹子vV的博客 vue封装一个有外部按钮新增同级和下级，修改，能编辑节点内容的el-tree组件。
- 2023-02-10 11:28星空同学的博客 el-tree 点击事件响应处理，做逻辑判断后，是否响应点击
- 2023-06-15 17:47嗯恩u的博客 在el-tree中取消当前选中状态，你可以使用`setCurrentKey`方法，将当前选中节点的`key`值设为`null`。这将清除当前选中节点，从而取消其选中状态。在上述代码中，`$refs.tree`是el-tree组件的引用。通过调用`...
- 2022-12-01 15:38来杯卡布奇洛的博客 关键点是通过 el-tree 的引用获取到所有节点，然后赋值每个节点的 expanded 属性即可控制整体的展开或合并。的打印结果，nodesMap 中包含了所有层级节点。
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月6日
已采纳回答
4月28日-
创建了问题
4月21日