element UI tree 控件,点击父节点进行异步加载,异步加载的数据不能全选

图片描述

目前做的全选 只能选择二级,三级往下都是异步加载的 选取不了

求助!!!

或者有木有官方 异步加载 做的DEMO 官方文档的看不懂。。。

阅读 4.3k
2 个回答

异步加载不能有多级数据,异步的只能一级级加载

贴上我的代码

html

    <el-tree
    :props="props"
    :load="loadNode"
    node-key='id'
    lazy
    ref="tree"
    :default-expanded-keys="[1]"
    show-checkbox
    >
    </el-tree>

js

      loadNode(node, resolve) {
        console.log(node)
        if (node.level === 0) {
          return resolve([{ 'name': '全部',id:1}])
        }
        if(node.data.id == 1){
          this.getyiji(resolve)
          this.total = 1
        }
        if(node.data.provinceId){
          this.geterji(resolve)
        }
        if(node.data.cityID){
          this.getquyu(resolve)
        }
        if(node.data.areaId){
          this.getshequ(resolve)
        }
        if(node.data.type){
          return
        }
      },
      getshequ(resolve){
        axios.get('https://www.easy-mock.com/mock/5b21fa62cc17d07388c28b36/example/shequ').then(res=>{
            res.data.data.filter(i =>{
              i.leaf = true
              return
            })
            let data = res.data.data
            resolve(data)
        })
      },
      getquyu(resolve){
        axios.get('https://www.easy-mock.com/mock/5b21fa62cc17d07388c28b36/example/quyu').then(res=>{
            let data = res.data.data
            resolve(data)
        })
      },
      getyiji(resolve){
        axios.get('https://www.easy-mock.com/mock/5b21fa62cc17d07388c28b36/example/getJurisdiction').then(res=>{
            let data = res.data.data
            resolve(data)
        })
      },

你好,我也遇见这个问题,异步加载的数据不能全选,请问你是怎么实现的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题