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切换一下,

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐