更新记录

1.0.1（2026-03-25）

支持vue3

1.0.0（2023-02-18）

支持多种地址信息格式识别解析，多端通用。注意：如有识别不准确，比如省市区，请手动修改addressList.js里的省市区信息，可能有些信息滞后了

平台兼容性

uni-app(3.7.3)

其他

使用方法

Vue 2 用法

<yk-AutoReco @selectAddress="selectAddress" bgColor="#39b54a" fontColor="#ffffff"></yk-AutoReco>

import ykAutoReco from '@/components/yk-AutoReco/yk-AutoReco';
export default {
    components: {
        ykAutoReco
    },
    data() {

    }
}

Vue 3 用法

<yk-AutoReco @selectAddress="selectAddress" bgColor="#39b54a" fontColor="#ffffff"></yk-AutoReco>

import { ref } from 'vue';
import ykAutoReco from '@/components/yk-AutoReco/yk-AutoReco';

// 响应式数据
const addressInfo = ref('');
const detailAddress = ref('');
const name = ref('');
const mobile = ref('');

// 方法
const selectAddress = (e) => {
    name.value = e.name; //填充收货人
    mobile.value = e.mobile; //填充手机号
    addressInfo.value = e.province + '-' + e.city + '-' + e.area; //填充省市区
    detailAddress.value = e.addr; //填充详细地址
};

参数说明

如果对您有点帮助的话，可以给点赞赏小鼓励哦，您的支持是我最大的动力，谢谢！