UNPKG

vue3-highlight

Version:

### 功能介绍 > 实现了一个句子根据查询字词进行高亮显示的功能,查询的字词的输入格式为数组(为了 > 兼容分词查询功能),根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和 > v-text,而不是v-html进行高亮字词的展示,减少XSS攻击的风险

30 lines (28 loc) 504 B
/* * 每组的数据格式 * */ export interface group{ word: string, message: string, } /* * 组件初始化配置的数据结构 * */ export interface initData{ /* * 作用:组件的自定义类名 * 类型:数组或者字符串 * */ class: string | undefined, /* * 作用:组件的自定义样式 * 类型:对象 * */ style: object | undefined, /* * 作用:匹配字符的类名 * 类型:字符串 * 默认值:highlight * */ selectedClass: string, }