cascader 动态加载 回显_ElementUI cascader级联动态加载回显和搜索看这个就够了

这一篇是上一次讨论cascader级联动态加载回显问题的延续。

以下是思考和开发的过程，不感兴趣可以直接看使用文档。

github.com/zhuss/lazy-cascader

为什么要再写一篇呢？

当然不是思想觉悟有多高，还不是因为产品提的需求，产品哭哭唧唧的说：“类目太多啦，我要有一个搜索的功能。”

一开始我是拒绝的，毕竟上一次为了解决回显问题，耗费了一波本来就不多的头发，可是后来想一想，都是打工人，打工人和打工人应该是相亲相爱的一家人。

既然接下这个锅，那就想办法解决吧。

最开始，延续的原有的思路，既然回显可以，那搜索应该也不在话下，所以就埋头去研究官方文档，然后发现了 filter-method 和 before-filter 这两个方法。

尝试过之后就pass掉了filter-method，这个只是在选择的时候判断节点是否匹配，不适合动态请求和处理数据。

而 before-filter 方法是可以的，而且文档写的比较明确。

筛选之前的钩子，参数为输入的值，若返回 false 或者返回 Promise 且被 reject，则停止筛选

如果我们在方法中根据输入值去请求后端接口，拿到一组备选项，然后根据拿到的备选项动态更新我们的options参数，那么就可以在组件中筛选出我们想要的节点了吧