更新记录

1.0.1（2024-07-22） 下载此版本

1.0.1

平台兼容性

jx-address-manage 地址管理组件

组件封装了基本的通用功能，可直接使用，也可以根据业务需求进行扩展

使用方法

可参考下面示例代码

HTML部分

<template>
        <jx-address-manage 
        :addressData="addressData"
        @delete="handleDelete"
        @set-default="handleSetDefault"
        @add="handleAdd"
        @edit="handleEdit"
        @choose="handleChoose"
        >
        </jx-address-manage>
</template>

js部分

export default {
    data() {
        return {
            addressData: [
                {
                    name: '上官婉儿',
                    phone: '13800138000',
                    address: '北京市海淀区中关村软件园',
                    isDefault: false,
                    isCompany: true,
                    id: Math.random().toString(36).substring(2, 9),
                },
                {
                    name: '司空震',
                    phone: '13800138000',
                    address: '江西省吉安市吉水县东山中央首府11栋',
                    isDefault: true,
                    isHome: true,
                    id: Math.random().toString(36).substring(2, 9),
                },
                {
                    name: '苏烈',
                    phone: '13800138000',
                    address: '广东省深圳市南山区粤海街道109号6楼601',
                    isDefault: false,
                    id: Math.random().toString(36).substring(2, 9),
                },

            ]
        }
    },
    methods: {
        handleDelete(item) {
            uni.showModal({
                title: '提示',
                content: '确定删除该地址吗？',
                success: (res) => {
                    if (res.confirm) {
                        console.log(res, item)
                    }   
                }
            })
        },
        handleSetDefault(item) {
            // 伪代码，模拟逻辑
            let id = item.id;
            console.log(item.isDefault);
            if (!item.isDefault) {
                this.addressData.map(item => {
                    if (item.id === id) {
                        item.isDefault = item.isDefault ? false : true;
                        if (item.isDefault) {
                            uni.showToast({
                                title: `设置成功`,
                            })
                        }
                    } else {
                        item.isDefault = false;
                    }
                });
            } else {
                uni.showToast({
                                title: `已取消设置`,
                            })
            }

        },
        handleEdit(item) {
            console.log(item)
            uni.showToast({ icon: 'none', title: `修改地址：${JSON.stringify(item)}` })
        },
        handleChoose(item) {
            console.log(item);
            uni.showToast({ icon: 'none', title: `当前选择：${JSON.stringify(item)}` })
        },
        handleAdd() {
            uni.showToast({ icon: 'none', title: `新增地址` })
        }
  }
}

属性以及事件说明