vue2+element-plus tree树形控件添加、删除、编辑

环境：vue2+element-plus
需求：tree树形控件添加、删除、编辑
描述：tree树形控件自带添加、删除，却没有编辑功能，应该怎样如何实现呢？
代码：

template 

script
--data数据--append()--remove()--renderContent()(其实都是element直接扒下来的，哈哈)
编辑功能请看代码 edit()

此时tree树形控件添加、删除、编辑功能都已实现
--------------------------------------------------------------------------------------

附加美化功能：

对应编辑、添加，编辑

renderContent(h, { node, data, store }) {
    return h("div", {class: "list"},
        h("span", {class: "title"},
            h("a", {
                onClick: () => this.onTitle(data)
            }, node.data.titleName),
        ),
        h("span", {class: "edit"},
            h("a", {
                onClick: () => this.edit(data)
            }, ),
            h("a", {
                onClick: () => this.append(data)
            }, ),
            h("a", {
                onClick: () => this.remove(node, data, store)
            }, ),

        )
    );
}

还有箭头等美化，属于css前端，可百度搜索...