element ui 之 级联选择器 懒加载控制

element ui 之 级联选择器 懒加载控制

<template>

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

<script>
let id = 0; 
export default {
data() { 
return {
props: { 
lazy: true,
lazyLoad (node, resolve) {
const { level } = node; 
//level 控制层级  0 页面初始级

setTimeout(() => { 
const nodes = Array.from({ length: level + 1 }) .map(item => (
{
value: ++id, 
label: `选项${id}`,
leaf: level >= 2
})
); // 通过调用resolve将子节点数据返回，通知组件数据加载完成
resolve(nodes);
}, 1000); 
} 
}
}; } }; 
   </script>