更新记录

1.1.0（2024-12-14） 下载此版本

效果优化

1.0.1（2023-04-30） 下载此版本

更改数据输出格式，新增默认联系人开关

1.0.0（2023-04-12） 下载此版本

联系人组件

平台兼容性

uni-app

其他

支持扫码体验-见右侧二维码

<template>
    <view>
        <passenger-edit :editList="editList" @save="handleOnSave" @del="handleOnDel"></passenger-edit>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                editList: [{
                        placeholder: '姓名',
                        name: '姓名',
                        key: 'name',
                        value: '',
                        isMust: true
                    }, {
                        placeholder: '电话',
                        name: '电话',
                        key: 'phone',
                        value: '',
                        isMust: true,
                        reg: /^[1]\d{10}$/,
                        errorMessage: '请输入正确的电话'
                    },
                    {
                        placeholder: '邮箱',
                        name: '邮箱',
                        key: 'email',
                        value: '',
                        isMust: false,
                        reg: /^\w[-\w.+]*@([A-Za-z0-9]+[-A-Za-z0-9]*\.){1,}[A-Za-z0-9]{2,}$/,
                        errorMessage: '请输入正确的邮箱'
                    }
                ]
            };
        },
        methods: {
            handleOnSave(editList) {
                console.log('-点击保存-', editList);
                // editList输出格式
                // {
                //  editValue: {
                //      email: "zhangsan@qq.com",
                //      name: "张三",
                //      phone: "",
                //  },
                //  isDefault: false
                // }
            },
            handleOnDel() {
                console.log('-点击删除-');
            },
        }
    }
</script>
<style lang="scss">
    page {
        background: rgba(246, 247, 249, 1);
    }
</style>

组件入参