elementUI中el-cascader组件懒加载地区

<template>
<el-cascader
                  style="width: 90%"
                  v-model="areaList"
                  :props="propsdata"
                  :key="isResouceone"
                  is-leaf
                  @change="handleChangeAddress"
                ></el-cascader>
</template>
<script>
export default {
  name: "xxx",
  components: { },
  data() {
    return {
 areaList: [], // 地区下拉框
      isResouceone: false,
      propsdata: {
        // 懒加载地区列表
        lazy: true,
        lazyLoad(node, resolve) {
          const { level } = node;
          setTimeout(() => {
            // 第一級
            if (node.level == 0) {
              // Ajax請求數據，填充選擇框
              // 接口请求获取省份
              getArea({ parentId: 0 }).then((response) => {
                const nodes = response.data.map((item) => ({
                  value: item.id,
                  label: item.name,
                  leaf: node.level >= 1,
                }));
                resolve(nodes);
              });
            }
            // 第二級
            if (node.level == 1) {
              // Ajax請求數據，填充選擇框，傳遞上一級參數
              // 接口请求，传递上以一级参数
              getArea({ parentId: node.value }).then((response) => {
                const nodes = response.data.map((item) => ({
                  value: item.id,
                  label: item.name,
                  leaf: node.level >= 1,
                }));
                resolve(nodes);
              });
            }
          }, 100);
        },
      },
}
}，
created() {
},
methods(){
handleChangeAddress(value){     // 更改时调用
}
},
}

</script>