树形穿梭框---el-tree-tranfer 的使用以及遇到的问题

使用的组件是hql7/tree-transfer: 一个基于vue和element-ui的树形穿梭框及邮件通讯录。A tree shaped shuttle box assembly based on Vue and element-ui. Vuecli3版本见https://github.com/hql7/wl-tree-transfer 示例见->

有些问题网上其实已经有在说明了,我这里主要说我没有查到的问题。

1. 穿梭后,右侧末节点重复。

2. 无法穿梭,左侧节点消失,右侧什么也没有。

 

第一个问题:

主要问题是Id用了数字,就是在json数据里,id是整型,而不是字符串型,哪怕是数据,也要弄成字符串才可以。这里应该是可配置node_key的,但是我当时的问题在于混用了,一些是数字,一些是字符串。

 

第二个问题:

根节点的pid不是0,默认的根节点的pid是0,这里需要修改 :rootPidValue="rootPidValue",rootPidValue:“”,这里的""是我设置的根节点的pid的值。这里如果和数据不匹配,就会出现穿梭后,右侧没有数据,但是左侧数据又消失的问题。

posted @   lythen  阅读(2147)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示