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('执行删除操作!')})},
}

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

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

相关内容

热门资讯

特朗普政府全面叫停海上风电项目... 12月22日,美国特朗普政府宣布暂停所有正在建设的海上风电项目,波及美国东海岸多个关键能源工程。这一...
长征十二号甲可回收未果,业内称... 北京时间12月23日,长征十二号甲遥一运载火箭在东风商业航天创新试验区发射升空,运载火箭二子级进入预...
前瞻2026:“十五五”开局在... 2025年进入倒计时,2026年作为“十五五”规划开局的关键节点已然临近。当全球地缘政治动荡加剧、风...
华夏久盈资产再收罚单:违规运用... 【导语】2025年12月19日,国家金融监督管理总局披露行政处罚决定,华夏久盈资产管理有限责任公司(...
从“一米柜台”到“全球爆款”,... 由中央广播电视总台、中共深圳市委宣传部、深圳广播电影电视集团联合出品的中央广播电视总台首部原创精品短...