AssociatedEmail
说明
- AssociatedEmail组件为关联邮箱组件，demo如下
// tempalte
<associated-email
email="lixuanyang@gitcode.net"
:is-mail="true"
:is-verify="true"
@handle-star="handleEmailStar"
@handle-deleted="handleEmailDeleted"
>
</associated-email>
// script
const handleEmailStar = (props:object) => {
};
const handleEmailDeleted = (props:object) => {
};
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| id? | 卡片唯一id | string | ||
| 邮箱 | string | |||
| isMail? | 是否是主邮箱 | boolean | false | |
| isVerify? | 是否校验 | boolean | false | |
| hideDeleted? | 隐藏删除按钮 | boolean | false | |
| hideStar? | 隐藏Star按钮 | boolean | false |
Emits
| 方法 | 说明 | 返回值 |
|---|---|---|
| handleStar | 点击Star按钮触发 | props(当前卡片对象信息) |
| handleDeleted | 点击删除按钮触发 | props(当前卡片对象信息) |
Slots
| 名称 | 说明 |
|---|---|
| header | 邮箱区域插槽 |
| main | 主邮箱区域插槽 |
| content | 描述内容区域插槽 |
| right | 右侧按钮区域插槽 |