代码演示

    基础用法

    不可编辑

    ContactList API

    参数 说明 类型 默认值
    v-model 当前选中联系人的 id Number -
    list 联系人列表 Array []
    add-text 新建按钮文案 String 新建联系人

    ContactEdit API

    参数 说明 类型 默认值
    contact-info 联系人信息 Object []
    is-edit 是否为编辑联系人 Boolean
    is-saving 是否显示保存按钮加载动画 Boolean false
    is-deleting 是否显示删除按钮加载动画 Boolean false
    tel-validator 手机号格式校验函数 (tel: string) => boolean -

    数据格式

    联系人数据格式

    key 说明 类型
    id 每位联系人的唯一标识 String Number
    name 联系人姓名 String
    tel 联系人手机号