element ui 级联选择器动态加载

原地址：https://blog.csdn.net/zxl_start/article/details/118608441

template⬇

<el-cascader
     v-if="setoutOval === '1'"
     v-model="arriveatastationDval"
     :collapse-tags="true"
     :props="props">
</el-cascader>

data⬇

props: {
   multiple: true,
   lazy: true,
   lazyLoad: this.handleGetStation,
},

script⬇

async handleGetStation(node, resolve) {
   if (node.level === 0) {
        const { data } = await queryAllLine();
        const nodes = Array.from(data).map((item) => ({
          value: item.id,
          label: item.nameCn,
        }));
        resolve(nodes);
   } else {
        const { data } = await queryAllStation({
          id: node.data.value,
   });
   const nodes = Array.from(data).map((item) => ({
          value: item.id,
          label: item.nameCn,
      }));
      resolve(nodes);
   }
},