Highlight 文本高亮
在长文本中高亮匹配的关键字,常用于搜索结果列表 / 命中关键词标记。
基础用法
text 是被高亮的原文,match 可以是字符串或正则;字符串模式默认大小写不敏感。
ChuFix UI 是一个 Vue 3 与 React 双框架同源的基础组件库;CSS 变量主题、cf-* 类名前缀,纯 HTML/JS 项目也能直接用。
<CfHighlight :text="text" :match="q" /> <CfHighlight text={text} match={q} /> API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
text | string | — | 原始文本 |
match | string | RegExp | — | 关键字或正则;为空时不高亮 |
caseSensitive | boolean | false | 字符串模式下是否区分大小写 |
反馈与讨论
Highlight 文本高亮 的讨论