Advertisement

在ant-design-vue中实现A-Tree树形组件父节点选中时的过滤算法

阅读量:

当我们采用ant-design-vue这一框架体系时/tree-model通常被视为一个非常有用的组件/它特别适合处理层次分明的数据结构

但是在与后台数据进行授权交互时,就不友好了。

在这里插入图片描述

源自

复制代码
    <a-tree
      v-model:checkedKeys="checkedKeys"
      checkable
      :tree-data="treeData"
    >
    </a-tree>

这对后端数据授权处理显得不够友好。因为在一般情况下, 当父级节点进行数据授权时, 其子节点也需要获得相应的权限才能访问子节点的功能。就是说, 在关联被授权的父子节点之间, 需要确保父级和子级双方的ID都被传递给后端系统。

在提交时已经变得容易了。整合所有被选中的列表以及部分选中的列表后进行提交就可以完成任务了。

复制代码
    const handleCheck = (checkedKeys, e) => {
      const {halfCheckedKeys } = e;
      const allCheckedKey

全部评论 (0)

还没有任何评论哟~