开发预览 更新于 2026-05-10

Highlight 文本高亮

在长文本中高亮匹配的关键字,常用于搜索结果列表 / 命中关键词标记。

基础用法

text 是被高亮的原文,match 可以是字符串或正则;字符串模式默认大小写不敏感。

ChuFix UI 是一个 Vue 3 与 React 双框架同源的基础组件库;CSS 变量主题、cf-* 类名前缀,纯 HTML/JS 项目也能直接用。

<CfHighlight :text="text" :match="q" />
<CfHighlight text={text} match={q} />

API

属性类型默认值说明
textstring原始文本
matchstring | RegExp关键字或正则;为空时不高亮
caseSensitivebooleanfalse字符串模式下是否区分大小写

反馈与讨论

Highlight 文本高亮 的讨论

0
0 / 600
一键发送
正在加载评论...