一:需求描述
在添加收货地址时,为了方便代理下单(因为代理都是下各种不同地址的订单,输入地址的时候,是否可以直接复制粘贴 整个,智能识别,或者 直接读取粘贴的内容)
二: 具体实现
经过研究和查资料,在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