Element-UI的Cascader级联选择器懒加载插件封装

直接上代码，使用的接口还是上一篇文章的给出的接口。
实现懒加载数据。

<template>
    <div class="block">
        <el-cascader v-model="value" :props="props" @change="handleChange"></el-cascader>
    </div>
</template>
<script>
import { getprovinces, getcities, getareas, getstreets } from '@/api/riskarea'
export default {
  data () {
    return {
      value: [],
      props: {
        value: 'code',
        label: 'name',
        lazy: true,
        async lazyLoad (node, resolve) {
          console.log(node)
          const { level } = node
          if (node.level === 0) {
            // 获取省
            return resolve(await getprovinces())
          } else if (node.level === 1) {
            // 获取市
            return resolve(await getcities(node.value))
          } else if (level === 2) {
            // 获取县/区
            return resolve(await getareas(node.value))
          } else if (level === 3) {
            // 获取乡级
            return resolve(await getstreets(node.value))
          } else {
            return resolve([])
          }
        }
      }
    }
  },
  methods: {
    handleChange (value) {
      console.log(value)
    }
  }
}
</script>
<style></style>