树形穿梭框---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 @ 2022-08-24 09:29  lythen  阅读(1957)  评论(0编辑  收藏  举报