做点心的网站,北京创意网站设计,品牌型网站建设,自动生成前端页面工具返回参数中新增字段 disabled,后端给的值为1和2,
disabled1时#xff0c;代表该节点需要置灰#xff0c;不可选中
现在需要将disabled的值,改为布尔类型;
后端给的数结构是对象类型,tree接收数组类型;
先将对象类型的数据,遍历递归,修改里面的disabled值,最后再加[ ],改为… 返回参数中新增字段 disabled,后端给的值为1和2,
disabled1时代表该节点需要置灰不可选中
现在需要将disabled的值,改为布尔类型;
后端给的数结构是对象类型,tree接收数组类型;
先将对象类型的数据,遍历递归,修改里面的disabled值,最后再加[ ],改为数组类型.
this.setDisabledData(res.data.data);// 遍历递归setDisabledData(node) {let that this;node.disabled 1 ? (node.disabled true) : (node.disabled false);if (node.children node.children.length 0) {node.children.forEach(child {that.setDisabledData(child);});node.children.every(child {child.disabled 1 ? (child.disabled true) : (child.disabled false);});this.assignerArr [node];}},el-form-item label关键字 classcx-scroll-wrapel-input placeholder输入关键字进行过滤 v-modelfilterText clearable/el-inputdiv classaddScrollClass :style{ height: tableHeight }el-treeicon-classnone:dataassignerArr:check-strictlyfalseshow-checkboxdefault-expand-allnode-keyidreftree:filter-node-methodfilterNodehighlight-current:expand-on-click-nodefalse:propspropsspan classcustom-tree-node slot-scope{ node, data }spani v-ifdata.type 2 classel-icon-coin cx-icon/ii v-else classel-icon-user-solid cx-icon/i{{ node.label }}/span/span/el-tree/div/el-form-item
props: {label: displayName,children: children,isLeaf: leaf,disabled: disabled,},
