element-ui地区选择以及地址解析组件

12 篇文章 0 订阅
1 篇文章 0 订阅

前言

最近在写一个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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱折腾的小码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值