How to edit element tree tree

Is there a complete example of

? Official documents can only be added and deleted, but there is no editing function. How to edit this

officially, only
clipboard.png

can be added or deleted.

after clicking, take out the current node, then submit it with another form, and overwrite the changes to the tree-bound object with code. This is what I do

< hr >
<el-tree 
ref="tree"
:props="props"
:load="loadChild"
lazy
@current-change="SwitchNode"
:accordion="true"
style="max-height:800px;min-height:400px;background-color:rgba(0,0,0,0.005);box-shadow:0 0 4px 0 -sharp999 inset;padding:10px;user-select:none"
>
</el-tree>

this is to get the selected node

SwitchNode(data,node){
    this.form.id = data.Id;
    this.form.label = data.label;
    this.form.node = node;
},

this is updated:

async UpdateLabel(){
    if(this.form.NewName.length===0){
        this.$eve.emit("error","");
        return;
    }
    let node = this.form.node;
    let name = this.form.NewName;
    let res= await this.$api("sys_department",{cmd:"updatelabel",id:this.form.id,name});
    if(res.status === 200){
        node.data.label = name;
        this.form.NewName = "";
        this.form.label = name;
        this.$eve.emit("success","");
    }else{
        this.$eve.emit("error",res.msg);
    }
},

I got the node directly in the Form object, so I can update

with node.data.label = str .
Menu