Vue ElementUI省市区组件，如何改写为长尾词？

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

一、边缘+在项目开发过程中，有一个需求是省市区地址选择功能。一开始想的是直接使用静态地址资源库本地打包，但这种方式不便维护，最终放弃。后来又想直接让后台返回全部地址，但这种方式也不可行。

一、缘由

在项目开发过程中，有一个需求是省市区地址选择的功能，一开始想的是直接使用静态地址资源库本地打包，但这种方式不方便维护，于是放弃。后来又想直接让后台返回全部地址数据，然后使用级联选择器进行选择，但发现数据传输量有点大且处理过程耗时，于是又摒弃了这种方法。最后还是决定采用异步的方式进行省市区地址选择，即先查询省份列表，然后根据选择的省份code查询城市列表，最后根据选择的城市列表获取区/县列表，最终根据应用场景不同，给出了两种实现方案。

其中后台总共需要提供4个接口，一个查询所有省份的接口，一个根据省份code查询其下所有城市的接口，一个根据城市code查询其下所有区/县的接口，以及一个根据地址code转换成省市区三个code值的接口。