element UI 中 el-tree 树形菜单新增、删除操作
创始人
2025-05-29 10:03:43

效果图:

 标签代码部分:

{{ node.label }}新增删除

操作方法部分:

methods:{// 点击某个树形节点,获取节点信息handleNodeClick(data) {console.log(data)},// 树形菜单新增append(data) {console.log('执行新增操作!')},// 树形菜单删除remove(node,data) {this.$confirm('此操作将删除该节点, 是否继续?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {console.log('执行删除操作!')})},
}

以上操作可以完成对某个节点的的操作,如:新增下级、删除当前节点等

纯属个人理解总结,希望对大家有所帮助!

相关内容

热门资讯

凌空展翅!国产无人机“翼龙”“... 今年春晚四川宜宾分会场实景舞蹈秀《立上游》,凭借硬核科技与新春民俗的完美融合惊艳全球观众。节目中,1...
Meta扩大与英伟达合作,行业... 2月17日,Meta和英伟达这两家美国科技巨头宣布建立新的长期合作伙伴关系,合作不仅涉及芯片的大规模...
中俄贸易大反转!2026年,俄... 大反转来了吗?刚刚过去的2025年,中国外贸顶着关税战的压力,又逆势增长了3.8%,但令人诧异的是,...
2026骏启新程丨浦银安盛基金... 浦银安盛基金总经理 张弛:过去一年,国内科技产业的接连突破,带动中国资产成为市场热点,推动公募基金高...
直播带货不香了?大佬带头卖课,... 话说,你们过年期间都在干嘛呀?说实话,小雷我最近刷短视频都快看腻了。前几年还能多看看技术流视频,现在...