如何实现Element UI的Cascader组件动态加载省市区数据？

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

Element UI 中的 Cascader 组件实际上具有动态加载各级选项的功能。其原理是通过递归调用，利用 `options` 属性动态修改数据。以下是一个简化的示例：

javascriptvar c={name: 'bob'};var d=c.name;d='tom';console.log(c); // {name: tom}

更多详情请访问：[Element UI 官方文档](http://element-cn.eleme.io/)

element中的cascader其实是有动态加载次级选项的方法。

方法的原理是利用址（引用）传递，动态修改:options。

var c={name: 'bob'} var d=c d.name = 'tom' console.log(c) // {name: "tom"}

element-cn.eleme.io/#/zh-CN/component/cascader#dong-tai-jia-zai-ci-ji-xuan-xiang

其中找到究竟需要在那层添加数据就变成一个很麻烦的问题。

怎么找了？

当然只能递归了。