UChip 薯条

• 示例
  • 基本用法
  • 可删除的
• API
  • Props/Attrs
  • Slots
  • Events

行内展示, 表单验证器

类似于标签组件，用于条目的增删改查。

示例

基本用法

<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 | 发送事件实例 |