el-cascader
1.el-cascader报错Cannot read property ‘level‘ of null2.动态加载数据以及数据回显问题<el-cascaderv-model="regionInfo.id"v-if="cascaderShow"ref="invoiceCascader":props="propsCascader"style=
·
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切换一下,
更多推荐
已为社区贡献1条内容
所有评论(0)