就是页面分成了区域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-04-21 22:58回答 1 已采纳 1.传统的if逻辑，首先右边的，全部做成单独组建，在整个大框架中import，点击a的时候，右边对应显示相应的组件，v-if去显示，类似于选项卡。进阶是使用动态组件的is属性，这样就可以不用写很多if
- 2022-03-24 08:31回答 2 已采纳 <el-tree ref="tree" :data="RoleTreeData" show-checkbox :props="defaultProps"
- 2022-05-06 10:52回答 2 已采纳 vue2中对数组的处理不彻底，可以参考一下 ## **Vue不能检测数组的哪些变动？Vue 怎么用 `vm.$set()` 解决对象新增属性不能响应的问题 ？** - Vue 不能检测以下数组的变
- 2024-04-10 11:40周bro的博客 'el-icon-user-solid': data.type === 2 // data.type是...label: "二级节点 1-1"label: "二级节点 1-2"label: "二级节点 2-1"label: "二级节点 2-1"label: "二级节点 2-1"label: "一级节点 1",label: "一级节点 2",
- 2022-01-12 15:02回答 2 已采纳 可以用自定义节点伪实现，如果为disabled覆盖一个禁止点击的dom上去 <template> <div class="home"> <el-tree
- 2022-04-22 15:31回答 5 已采纳 两棵el-tree的节点跨树拖拽实现https://blog.csdn.net/qq_41694291/article/details/108631887
- 2022-04-18 10:43回答 4 已采纳 https://blog.csdn.net/cxy_12345/article/details/124245622?spm=1001.2014.3001.5502 见这篇文章
- 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-04-30 11:50回答 2 已采纳 可以给数据加个属性isLeaf ，标记是否为叶子节点然后根据这个判断。循环遍历数据
- 2022-04-29 09:26回答 3 已采纳 三个简单的解决方法第一个,每个按钮绑定不同的el-drawer,每个el-drawer显示互斥即可实现,使用v-if or v-show 当然,如果禁止频繁的dom操作建议使用v-show,如果按键太
- 2022-03-21 14:45回答 2 已采纳 左右都设置一个滚动条， 右边就用document.querySelector('#tree').scrollTo({ top: 0 })回到顶部
- 2023-04-06 09:14空白竹子vV的博客 vue封装一个有外部按钮新增同级和下级，修改，能编辑节点内容的el-tree组件。
- 2022-07-11 10:37回答 2 已采纳 其实你说的这个逻辑，不是一个样式问题。 而是一个数据处理问题。 满足条件一，把它从子元素删除并加入到父级
- 2021-03-01 11:38lookingForw_4585的博客 el-tree组件默认显示时，节点是不带icon的，如需使用时，可以通过自定义插槽的方式来实现，实现方式在网络上也存在很多，本篇只简单记录个人如何实现。 功能点： 替换默认显示的小三角图标 展开即关闭节点时图标...
- 2023-05-05 14:34一个被代码耽误的厨子的博客 如下所示，这是elementUI中的tree组件，当点击某行数据的时候会有背景色，但是当鼠标点击别处时，便失去焦点，背景色随之消失了。而我想要的效果是，当点击某行数据，高亮该数据，且一直不消失，当点击另一行数据时...
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月6日
已采纳回答
4月28日-
创建了问题
4月21日
悬赏问题
- ¥15 latex投稿显示click download
- ¥15 请问读取环境变量文件失败是什么原因？
- ¥15 在若依框架下实现人脸识别
- ¥15 网络科学导论，网络控制
- ¥100 安卓tv程序连接SQLSERVER2008问题
- ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比，为什么Snetinel-2计算的结果最小值特别小，而Lansat8就很平均
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？