更新记录

1.0.1(2023-04-30) 下载此版本

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

1.0.0(2023-04-12) 下载此版本

联系人组件


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.6 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
<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: "13123123121",
                //  },
                //  isDefault: false
                // }
            },
            handleOnDel() {
                console.log('-点击删除-');
            },
        }
    }
</script>
<style lang="scss">
    page {
        background: rgba(246, 247, 249, 1);
    }
</style>

组件入参

参数 类型 默认值 描述
editList Array [] 联系人编辑数据列表
showSetDefault Boolean true 是否展示:设为默认联系人

优惠券列表数据参数 IEditList

参数 类型 默认值 描述
placeholder String '' 编辑项输入框暗文字
name String '' 编辑项名称
key String '' 编辑项唯一识别 ID
value String '' 编辑项的值
isMust Boolean false 是否必须输入
reg String '' 编辑项的校验正则,存在正则,若有值,点击保存则校验
errorMessage String '请输入正确的' + name 编辑项的正则校验失败话术

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问