[JavaScript知识库]element-ui地区选择以及地址解析组件

前言

最近在写一个pc版的简易商城，由于客户需求中有地址自动解析（类似淘宝那种地址直接拿过来直接提取收件人、电话、地区、详细地址等信息），在网上找了很久，要么只有地区选择的组件要么只有地址解析的组件（由于全都是别人写的，很多标准还不统一，比如地址解析 北京市 北京辖区 东城区，但是有的地区选择确是 北京市 北京市 东城区，而且地区数量还不一致，兼容起来作实费劲，所以就自己参考网上的一些代码写了一个简单的）

简单介绍（也可参考项目中的示例代码，具体文档我还没写，等有时间也写上去）

npm install https://git.liushuai.cq.cn/lsadmin/address-parse.git

解析地址

		let type = 1;
      this.reAddress = AddressParse('浙江省温州市龙湾区aa路111号3楼305 黄某 15555555555', {
        type,
        textFilter: ["电話", "電話", "聯系人"],
      });
      console.log(this.reAddress);

地区选择

#man.js 引入
import {VDistpicker} from "address-parse"                                                           
 console.log(VDistpicker)               
 Vue.component('v-distpicker', VDistpicker)

html

<v-distpicker v-model="address"> </v-distpicker>

data

//城市代码方式
 address: {
        province_code: "12",
        province: "",
        city_code: "1201",
        city: "",
        area_code: "120102",
        area: "",
      },
//城市名称方式
      address1: {
        province_code: "",
        province: "天津市",
        city_code: "",
        city: "市辖区",
        area_code: "",
        area: "河北区",
      },

开源地址

address-parse