vue3实现两个不同类型数组取相同数据并赋值

海绵老呆

已于 2022-11-21 15:57:51 修改

阅读量1.8k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2022-11-21 15:47:50 首次发布

本文链接：https://blog.csdn.net/m0_37343874/article/details/127966267

版权

vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

如图所示

我们要实现如下功能
在这里插入图片描述
下图是结果

    //利用递归来实现两个数组取相同项 并给取出来的数据赋值
    const getLimitNode = (tree,limits) => { // tree: 2数组, limits: 1数组
      limits.forEach(limit=>{
        tree.forEach(item=>{
          if(limit == item.id) {
            item.selected = true
            return
          }if(item.childrenNode) {
            getLimitNode(item.childrenNode,limits)
          }
        })
      })
    }

role_management.getRoleLimitationTree(props.roleId).then(data=>{ // 从后端接口获取数据
  console.log(data.data)
  allLimitData.limitations = data.data // 图中的1数组
  // 联锁所有权限树
  role_management.getInterlockLimitationTree().then(data=>{// 从后端接口获取数据
     allInterlockData.data = data.data // 图中的2数组
     getLimitNode(allInterlockData.data,allLimitData.limitations) // 调用getLimitNode
  )