vue el-cascader 多选+懒加载，动态加载选项、单选不加载下一级节点、点击标签选中

如题，后端接口需要一层一层传父id，所以多选的下拉框只能采用懒加载的方式，通过每次点击时的父id调用接口再渲染。

html：

         <el-cascader
                v-model="otherBusinessData.sellArea" 
                :props="otherBusinessData.prop"
                clearable>
         </el-cascader>

还有一种方式就是通过循环调取接口 渲染至一个数组里 在使用:option直接渲染，不过这样的话数据量过大 就不是懒加载的初衷了

data：

        prop:{
          lazy: true,
          multiple: true,
          lazyLoad:this.loadTreeNode,
          value:'areaId',
          label:'areaName',
          leaf:'isleaf'
        }

从接口里返回的数据要按照value label定义即可，leaf是 对节点数据添加是否为叶子节点的标志位 (默认字段为leaf),懒加载时每次点击节点都会调用lazyload里的方法

methods:

  //加载树节点  首次加载页面时就会执行一次
    loadTreeNode(node, resolve) {
    // console.lo