diff --git a/packages/tag/README.md b/packages/tag/README.md index 72a9dbf7..758e5817 100644 --- a/packages/tag/README.md +++ b/packages/tag/README.md @@ -78,6 +78,50 @@ 标签 ``` +### 可关闭标签 + +添加`closeable`属性表示标签是可关闭的,关闭标签时会触发`close`事件,在`close`事件中可以执行隐藏标签的逻辑 + +```html + + 标签 + + + 标签 + +``` + +```js +Page({ + data: { + show: { + primary: true, + success: true, + }, + }, + + onClose(event) { + this.setData({ + [`show.${event.target.id}`]: false, + }); + }, +}); +``` + ## API ### Props @@ -91,6 +135,7 @@ | round | 是否为圆角样式 | _boolean_ | `false` | - | | mark | 是否为标记样式 | _boolean_ | `false` | - | | text-color | 文本颜色,优先级高于`color`属性 | _string_ | `white` | - | +| closeable | 是否为可关闭标签 | _boolean_ | `false` | ### Slot @@ -98,6 +143,12 @@ | ---- | ------------------- | | - | 自定义 Tag 显示内容 | +### Events + +| 事件名 | 说明 | 回调参数 | +| ------ | -------------- | -------- | +| close | 关闭标签时触发 | - | + ### 外部样式类 | 类名 | 说明 |