elementui Cascader懒加载

HTML:

image.png

DATA:

image.png

回调函数：

  //级联选择器  获取二级数据
   cascaderLazyLoad(node,resolve) {
      const { level } = node;   //获取层级
      const {children} = node;    //花括号写法 表示直接取到对象里的某个属性
      const {data} = node;
      let parentId = data?data.id:"0";
      //如果不是根级菜单
      if(!node.root) {
        this.$ajax({
          method: 'post',
          url: '接口地址',
          data: {
            gcParentId: parentId
          }
        }).then(res => {
          var nodes = [];
          if (res && Array.isArray(res.data.obj)) {
            for (let item of res.data.obj) {
              nodes.push({
                id: item.id,
                gcName: item.gcName,
                leaf:level <= 2               //设置能加载到的层级  此处只能加载2级
              })  
            }
          }
          resolve(nodes);    //将组装好的数据暴露
        })
      }
    },