如何动态加载级联选择器后实现默认选中项的自动匹配？

本文共计1033个文字，预计阅读时间需要5分钟。

目录+前言

1.解决方法

2. 不同层级的默认选中解法+前言 最近在开发任务中，遇到需在新增和修改时使用动态加载级联选择器。但在设置默认选中项时，若直接修改选中项，会导致后端数据异常。

目录

• 前言
• 1.解决方法
• 2.不同层级间的默认选中解决方法

前言

最近在开发任务中碰到需要在新增和修改时使用动态加载级联选择器，但是当在修改时设置默认选中项时，出现了后端数据返回慢的情况，就导致无法选中和级联框选中了但input框不显示的问题，网上找到的方法也不是很有效，还得使用ref查看组件实例和element-ui源码来寻找解决方法。

完整的实现代码在最后

1.解决方法

我们知道使用动态加载的级联选择器需要使用lazyLoad函数，那就先开始寻找lazyLoad函数，使用ref查看组件实例，可以看到是在panel下。

再来看看源码，可以发现只需要传入Object数据即可，如：this.$refs.xxx.panel.lazyLoad(val)。