A few lines of code at the top of the iview document, asking for an explanation

Delete the code of a node in tree component in

iview, and explain how to get parent. 

remove (root, node, data) {
    const parentKey = root.find(el => el === node).parent;
    const parent = root.find(el => el.nodeKey === parentKey).node;
    const index = parent.children.indexOf(data);
    parent.children.splice(index, 1);
}
Javascript
Sep.24,2021

1.root should actually be the root node, and a function
2 is passed into the find method. Traverse all nodes from the root node and return the nodes that meet the criteria

translate this paragraph sentence by sentence: 

remove (root, node, data) {
    // node.parentparentKey
    const parentKey = root.find(el => el === node).parent;
    // nodeKeyparentKey
    const parent = root.find(el => el.nodeKey === parentKey).node;
    // data
    const index = parent.children.indexOf(data);
    // 
    parent.children.splice(index, 1);
}

from the logic inside the parameters and methods, we can see that the method of removing an element is to delete a node by using the root node as the benchmark, locating the parent according to a child node passed in, and then judging the location of the deleted element based on the passed data. The data structures used in this logic are formatted within iview during component initialization.

remove (root, node, data) {

// node.parentparentKey
const parentKey = root.find(el => el === node).parent;
// nodeKeyparentKey
const parent = root.find(el => el.nodeKey === parentKey).node;
// data
const index = parent.children.indexOf(data);
// 
parent.children.splice(index, 1);

}

Previous: Why does pyspider configure squid?

Next: When referencing select in element-ui on the page, the drop-down arrow does not display

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu