element UI级联选择器 编辑功能中显示默认值问题

Question

我这边是三级级联，官网直接将selectedOptions等于一个含有三级value值就可以实现默认显示。但是我将数据查询过来之后，赋值给selectedOptions，页面只能显示第一级，不能正确实现三级默认值显示~

 <el-cascader
            :options="options"
            v-model="selectedOptions"
            @active-item-change="handleChange"
            @change="dleChange"
            clearable
            :props="props">
 </el-cascader>

Answer 1

我今天也遇到了这个问题，需要回显一个地址的级联菜单，各种尝试最后可以了：
1、我采用的动态加载的方式，用户选择一个节点的同时向后台请求下级选项的数据；所以首先页面加载的时候会加载出一级菜单
2、根据后台返回数据转换成 el-cascader 需要的数据并赋值给对应的 v-model(selectedOptions)
3、再根据返回的数据级联加载下级选项的数据（children）列表
注意：一定要先执行第二步后再执行第三步；其实不采用动态加载的话直接赋值应该就没问题

Answer 2

推荐你看下我写的文章，https://segmentfault.com/a/11...

Answer 3

看看selectedOptions数组三个value值 是否能和options值对应，别的应该没啥

Answer 4

请问这个问题解决了吗