1:如下图所示,我们需要达到右侧已有的在左侧也被选中状态效果

在这里插入图片描述
2:HTML:

 <tree-transfer :title="titles" :from_data='receiptFromData'
                         node-key="id"
                         :defaultCheckedKeys="defaultCheckedKeys"

                         :to_data='receiptToData' :defaultProps="{label:'descript'}"
                             @addBtn='add' @removeBtn='remove' height='500px' width="60vw" style="margin-left: 2vw">   
          </tree-transfer>



       /* receiptFromData:[],//所有数据
        receiptToData:[],//已有数据
       defaultCheckedKeys:[],//默认选中的数据
       */

3:JS
我们只要在获取已有数据的时候加上这个循环就可以了

           let arr1=[];
                that.receiptToData = res.data.data.data;
              for(let item of  that.receiptToData){
                for(let j of item.children){
                  console.log(j);
                  arr1.push(j.id)
                }
              }
              that.defaultCheckedKeys=arr1;//这里就是默认选中的数组,也就是左侧被选中的项
Logo

前往低代码交流专区

更多推荐