Vue项目中实现地址信息的智能解析

一：需求描述

在添加收货地址时，为了方便代理下单（因为代理都是下各种不同地址的订单，输入地址的时候，是否可以直接复制粘贴 整个，智能识别，或者  直接读取粘贴的内容）

二: 具体实现

经过研究和查资料，在GitHub上知道一个开源的项目,实现国内地址地区智能解析,无需完整地址也能正确匹配

接下来介绍下我的具体实现

• install

  cd  你的项目的目录下
  
  npm 安装 开发时依赖
  npm install address-pares --save 
  

  start

  import 引入地址解析实例
  import AddressParse from 'address-parse';
  

  在data中定义属性用来接收用户填入的地址信息
  

  data(){
       
  	return{
       
  		AddressInfo:{
       },  //解析获得地址信息
  		message:''       //接受用户输入的地址信息
  	}
  }
  

  前端页面的显示,这里使用的是vant组件
  

  	 <!--智能解析框-->
        <div class="addressBox">
            <van-cell-group>
                <van-field
                        v-model="message"
                        rows="4"
                        border
                        label-align="center"
                        autosize
                        type=</