java 多级级联菜单回显_ElementUI 级联动态加载及回显

先看图，你是否也遇到这个需求？

如果你正在焦头烂额，无脑抓瞎，那么你来对地方了，因为我将给你一个简单易懂的实现方案。

我也在网上翻了无数页答案，也照着别人的代码和思路尝试了，事实上并不能解决我这个棘手的问题。

级联下拉选多选、懒加载、数据回显，尽管 ElementUI 已经很贴心，文档写的也很好。

前两个很容易就可以实现，可是唯独数据回显被遗忘了，似乎忘记了数据回显应该是级联选择器必备的功能，很遗憾，需要我们自己去实现。

根据文档我们可以很容易配置一个级联组件，并且级联选择器的值应该是一个二维数组。

v-model="updateForm.category"

separator="-"

:props="cascaderProps">

然后配置cascaderProps数据如下

cascaderProps: {

multiple: true,

checkStrictly: true,

lazy: true,

lazyLoad: this.lazyLoad,

value: "id",

label: "name",

leaf: "leaf"

}

如果照做了，