# 纸片 (Chip)

v-chip组件用于传送小信息。使用close属性，纸片将变为交互式，允许用户进行交互。此组件由 v-chip-group 用于高级选择选项。

# 使用

纸片有以下几种变化：封闭式、过滤式、轮廓式、药丸式。 v-chip 的默认插槽也接受文本旁边的头像和图标。

可关闭的纸片可以使用 v-model控制。您也可以侦听click:close事件，如果您想知道纸片何时关闭。

Material Design 调色板中的任何颜色都可用于更改纸片颜色。

可拖拽, v-chip 组件可以被鼠标拖拽

v-chip 组件有 filter 选项，在纸片处于活动状态时向您显示额外的图标。可以使用 filter-icon 来自定义。

纸片标签使用 v-card 边框半径

v-chip 可以在 ripple prop 被设置为 false 情况下不渲染波纹效果

轮廓纸片从当前文本颜色继承其边框颜色。

v-chip 组件可以有从 x-small 到 x-large 不同的大小.

纸片可以用作可操作的项目。只要有 click 事件，纸片就会变成可交互并且可以调用方法。

纸片可以使用文本或“ Material Icons 字体库中可用的任何图标。

在这个示例中，我们选择使用自定义列表而不是 v-autocomplete。这使我们能够始终显示可用的选项，同时提供相同的搜索和选择功能。

纸片可与v-menu组合使用，为纸片启用一组特定的操作。

纸片非常适合为特定任务提供辅助操作。在本例中，我们搜索一个项目列表并收集一个子集信息以显示可用的关键字。

选择可以使用纸片显示所选数据。尝试在下方添加您自己的标签。

继续学习由我们的团队选择的相关内容，或通过使用下面的导航链接在页面之间跳转。

在 GitHub 上编辑此页面

最后更新：11/12/2024, 6:59:50 AM