vue+element cascader聯選擇器三級類目 動态加載

當選中某一級時，動态加載該級下的選項。

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>      

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)
            })
          }
        }