el-cascader动态懒加载子项(省市区)

后台先返回省的所有数据,选中某个省后,传省的code值,获取市,以此类推。

<el-cascader :props="props"></el-cascader>


  export default {
    data() {
      return {
        props: {
          lazy: true,
          lazyLoad:this.lazyLoad
        }
      };
    }
  };

//方法里面写

lazyLoad (node, resolve) {
            const { level } = node;
            if(node.level==0){
                var params={
                    criCode:'000000'
                }
            }else{
                var params={
                    criCode:node.value
                }
            }
            if(node.level<=3){
                threefindList(params).then(res => {
                    const nodes = res.data.map(item => ({
                        ...item,
                        label: item.criName,
                        value: item.criCode,
                        leaf: level >= 2
                    }))
                    resolve(nodes);
                }).catch(err => {

                })
            }
        },

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值