vue2：Cascader 级联选择器的两种数据初始化方式

背景

项目中有时需要使用级联选择器，供用户从多层数据中逐级选择。官网中的示例都使用的静态数据，但是实际应用中，大部分情况是需要从后台动态获取业务数据的。所以，今天记录一下从后台获取数据进行初始化的两种方式：懒加载模式和全部加载模式及其优缺点。

懒加载模式的实现及其优缺点

懒加载模式就是不全部把所有的数据都读取并展示出来，而是根据用户的点击或鼠标悬浮操作，逐渐地从后台获取并加载用户关心的部分数据，这样做的好处是不必一次性读取大量数据，性能优良。

template&data

懒加载模式下，需要使用props中的配置项lazyLoad来指定动态加载数据时使用的方法。所以，在template中需要指定props。如下，指定props为“cascaderProps”，然后在data中指定具体的属性。关注lazy为true，且指定lazyLoad使用的方法为loadTreeNode。

<el-cascader v-model="selectedDept"