0
点赞
收藏
分享

微信扫一扫

代码随想录算法训练营第四十九天 | 单调栈part02

Ewall_熊猫 2024-08-22 阅读 25

ReTagList标签列表

基础

简单展示Tag列表,可通过size指定尺寸

查看 /demo/tag-list/basic.md
在这里插入图片描述

Tag类型

通过 tagType 控制Tag类型

查看 /demo/tag-list/type.md
在这里插入图片描述

内容溢出Tooltip显示

设置 showOverflowTooltip 开启,结合虚拟触发/单例模式,避免渲染过多tooltip。

在这里插入图片描述

可编辑

设置 editable 开启编辑,输入框按下回车键或者失去焦点后自动保存,默认会忽略相同Tag输入。

:::info
可以通过 createNew 自定义创建新Tag数据类型,通过 beforeAdd 判断是否能加入Tag数据列表。
如果关闭 autoAdd,则需要自行监听 add 事件手动插入Tag数据列表。
:::

查看 /demo/tag-list/editable.md
在这里插入图片描述

input输入框宽度响应

默认新增Tag输入框宽度为 100px,如果你想宽度随输入内容变化,

举报

相关推荐

0 条评论