Vue.js 角色权限分配代码解析:使用 Tree 组件获取选中节点
这段代码是一个保存操作的函数。首先,在代码中使用了'debugger'关键字,以便在执行到该位置时可以在浏览器的开发者工具中暂停执行,方便调试。
接下来,通过'this.$refs.tree.getCheckedNodes(false, true)'方法获取当前选中的子节点及其父节点。这个方法接受两个参数,第一个参数表示是否只返回被选中的子节点(不包括半选中状态的父节点),第二个参数表示是否返回被选中的父节点。
然后,将获取到的节点的'id'属性值存储在'idList'数组中。
接着,根据获取到的'idList'数组和当前角色的'id',创建一个'assginMenuVo'对象,该对象包含了角色'id'和菜单'id'列表。
接下来,将'loading'属性设置为'true',表示正在加载。
然后,调用'api.doAssign(assginMenuVo)'方法,向后端发送请求,进行权限分配操作。在请求返回结果后,将'loading'属性设置为'false',表示加载完成。
最后,通过'this.$message.success()'方法显示成功消息,并通过'this.$router.push()'方法跳转到指定页面。
原文地址: https://www.cveoy.top/t/topic/oYG5 著作权归作者所有。请勿转载和采集!