@cloud-ui/u-chip.vue

0.9.1 • Public • Published

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

/@cloud-ui/u-chip.vue/

    Package Sidebar

    Install

    npm i @cloud-ui/u-chip.vue

    Weekly Downloads

    9

    Version

    0.9.1

    License

    MIT

    Unpacked Size

    285 kB

    Total Files

    29

    Last publish

    Collaborators

    • lip966
    • damowangdexiaogenban
    • lifuquan
    • rainfore
    • zhangxiaoyudaisy