VUE cascader 异步加载 获取选中value&label 编辑回显处理

最近在项目中使用cascader来处理省市异步加载级联多选功能,在异步加载,获取选中value&label,编辑回显处理时遇到点小麻烦,最终经过一整天的处理,解决掉问题。我把所有的代码发出来,给也遇到同样问题的小伙伴一个参考:







总结一下思路

1)cascader编回显需要在数据即workplaceOptions一、二级都有(编辑时查出来的详情数据)且workplaceIds设置了回显的ID(一个二维数组)的情况下才可以回显;

2)一个细节:比如用户选了河北省 - 唐山市 ,注意,河北省只选了唐山,其他市并未选,但编辑回显时需要把选中的河北省下所有市都查出来,不能只查询选中了的唐山,这样会造成编辑时再次点河北重新加载河北省下的所有市,数据变化了,默认回显项也就消失了;

3)未选中的省份在回显时不处理;

你可能感兴趣的:(前端,前端,vue.js)