vue实现树形穿梭框
1:如下图所示,我们需要达到右侧已有的在左侧也被选中状态效果2:HTML:<tree-transfer :title="titles" :from_data='receiptFromData'node-key="id":defaultCheckedKeys="defaultCheckedKeys":to_data='receiptToDa
·
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;//这里就是默认选中的数组,也就是左侧被选中的项
更多推荐
已为社区贡献10条内容
所有评论(0)