字节笔记本字节笔记本

Vue3 element plus tree select半选回显处理

2022-07-11

该Vue组件方法通过获取角色菜单ID并设置树形控件的半选状态来处理半选操作。

const handleAssign = async (row) => {
  const checkedKeys = await getRoleMenuIds(row.roleCode)
  await nextTick(() => {
    const nodes = []
    checkedKeys.forEach((item) => {
      const node = treeRef.value.getNode(item)
      if (node.isLeaf)
        nodes.push(item)
    })
    treeRef.value.setCheckedKeys(nodes, true)
  })
}