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: "河北區",
      },      

開源位址