![979cf43a9fcfa1096fd8396f458acf7e.png](https://i-blog.csdnimg.cn/blog_migrate/eb068ea1c2a3115839fdf132d5250ab2.jpeg)
当选中某一级时,动态加载该级下的选项。
html代码 框里面只显示三级类目 删除:show-all-levels="false" 就会显示全部路径
<el-form-item label="商品类目:" v-if="navstate==-1">
<el-cascader v-model="preSearchForm.class" :props="props" :show-all-levels="false"></el-cascader>
</el-form-item>
js代码 buckleTemplateNext 类目接口名 props 是放在data里面
props: {
lazy: true,
lazyLoad (node, resolve) {
const { level,value } = node;
buckleTemplateNext({pid:value || 0}).then(res=>{
console.log(res)
const nodes = res.map(x=>({
value: x.id,
label: x.name,
leaf: level >= 2
}))
resolve(nodes)
})
}
}