el-tree-transfer 穿梭树之pid必须为0等踩坑记录

项目使用element进行开发,需求是要使用树形穿梭组件,谁知,哎,没有!但是大神们总是闲不住,组件el-tree-transfer上场,话不多说,先看看怎么用。。。。。

第一下载插件:

npm install el-tree-transfer --save

 第二使用:

1.使用组件


2.定义组件中的数据

到这基本的功能是可以使用的了 

第三遇到的问题:

1.问题一,左右移动两侧数据被清空了

 第一层数据的 pid 设定为 0!! 从第二级开始pid 就是父级的 id!也就是子pid一定要等于父的id,也就是说“祖父的pid一定要为0”,比如再加一个祖母和祖父同级,那么“祖母的pid也一定要为0”

2.如果后台反的数据中pid字段为其他字段比如parentId,需要自定义pid

 

props: {

      // 自定义 pid参数名,因为后端给的参数名为parentId

      pid: { type: String, default: "parentId" }

},

el-tree-transfer 穿梭树之pid必须为0等踩坑记录_第1张图片

你可能感兴趣的:(vue)