效果图:
标签代码部分:
{{ node.label }}新增 删除
操作方法部分:
methods:{// 点击某个树形节点,获取节点信息handleNodeClick(data) {console.log(data)},// 树形菜单新增append(data) {console.log('执行新增操作!')},// 树形菜单删除remove(node,data) {this.$confirm('此操作将删除该节点, 是否继续?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {console.log('执行删除操作!')})},
}
以上操作可以完成对某个节点的的操作,如:新增下级、删除当前节点等
纯属个人理解总结,希望对大家有所帮助!