Vue.js 获取角色权限菜单数据并设置到树形菜单组件

该代码主要用于获取指定角色的权限菜单数据，并将其设置到树形菜单组件中。

代码解析：

fetchData() {
  const roleId = this.$route.query.id
  api.toAssign(roleId).then(result => {
    const sysMenuList = result.data
    this.sysMenuList = sysMenuList
    const checkedIds = this.getCheckedIds(sysMenuList)
    console.log('getPermissions() checkedIds', checkedIds)
    this.$refs.tree.setCheckedKeys(checkedIds)
  })
}

参数说明：

this.$route.query.id：从路由中获取的角色ID
roleId：角色ID

变量说明：

sysMenuList：获取到的角色的权限菜单数据
checkedIds：已选中的权限菜单ID列表

步骤：

调用 api.toAssign(roleId) 方法，传入角色ID作为参数，获取权限菜单数据，并通过 then 方法处理返回结果。
将返回结果中的权限菜单数据赋值给 sysMenuList 变量。
调用 this.getCheckedIds(sysMenuList) 方法，传入权限菜单数据作为参数，获取已选中的权限菜单ID列表，并将结果赋值给 checkedIds 变量。
在控制台输出已选中的权限菜单ID列表。
通过 this.$refs.tree.setCheckedKeys(checkedIds) 方法，将已选中的权限菜单ID列表设置到树形菜单组件中。