el-cascader

1.el-cascader报错Cannot read property ‘level‘ of null
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
2.动态加载数据以及数据回显问题
在这里插入图片描述
在这里插入图片描述

<el-cascader
             v-model="regionInfo.id" 
             v-if="cascaderShow" 
              ref="invoiceCascader" 
              :props="propsCascader"
              style="width:400px;"
              @change="handleCascaderInvoice"
            ></el-cascader>

在这里插入图片描述

propsCascader:{
        lazy: true,
         async lazyLoad(node, resolve) { 
          const { level } = node;
          await AddressToplevel(node.data ? node.data.value : 0).then(res=>{
             const nodes = res.data.map(item => ({
              form: {
                  id: item.id,
                  name: item.name
              },
              value: item.id,
              label: item.name,
              leaf: item.isdetail == "1"
            }));
            resolve(nodes);
          })
         
        }
        // AddressToplevel请求接口
        

在这里插入图片描述
在这里插入图片描述
cascader 懒加载后的默认值回显问题:解决办法就是v-if,初始设为false,等绑定的值准备好设为true,在这里是需要组件一直显示的,所以我是在页面加载的时候就设置为true了,等要数据回显的时候,false与true切换一下,

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值