0.9.1 • Published 4 years ago
@cloud-ui/u-chip.vue v0.9.1
UChip 薯条
行内展示, 表单验证器
类似于标签组件，用于条目的增删改查。
示例
基本用法
<u-chip>Chip</u-chip>
<u-chip editing>Chip</u-chip>
<u-chip editing error>Chip</u-chip>可删除的
删除逻辑需要利用v-if和@remove事件自己实现。
<u-chip removable>Chip</u-chip>API
Props/Attrs
| Prop/Attr | Type | Options | Default | Description |
|---|---|---|---|---|
| removable | boolean | false | 是否可以删除 | |
| editing | boolean | false | 是否正在编辑 | |
| error | boolean | false | 是否显示红框错误提示 |
Slots
(default)
插入文本或 HTML。
Events
@before-remove
删除前触发
| Param | Type | Description |
|---|---|---|
| $event | null | 无参数 |
| senderVM | UChip | 发送事件实例 |