vue3-highlight
Version:
### 功能介绍 > 实现了一个句子根据查询字词进行高亮显示的功能,查询的字词的输入格式为数组(为了 > 兼容分词查询功能),根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和 > v-text,而不是v-html进行高亮字词的展示,减少XSS攻击的风险
30 lines (28 loc) • 504 B
text/typescript
/*
* 每组的数据格式
* */
export interface group{
word: string,
message: string,
}
/*
* 组件初始化配置的数据结构
* */
export interface initData{
/*
* 作用:组件的自定义类名
* 类型:数组或者字符串
* */
class: string | undefined,
/*
* 作用:组件的自定义样式
* 类型:对象
* */
style: object | undefined,
/*
* 作用:匹配字符的类名
* 类型:字符串
* 默认值:highlight
* */
selectedClass: string,
}