v-highlight-component
Version:
> 实现了一个句子根据查询字词进行高亮显示的功能,查询的字词的输入格式为数组(为了 > 兼容分词查询功能),根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和 > v-text,而不是v-html进行高亮字词的展示,减少XSS攻击的风险
26 lines (24 loc) • 505 B
JavaScript
// 保存的初始值
// eslint-disable-next-line import/no-mutable-exports
export let init = {
/*
* 作用:组件的自定义类名
* 类型:数组或者字符串
* */
class: undefined,
/*
* 作用:组件的自定义样式
* 类型:对象
* */
style: undefined,
/*
* 作用:匹配字符的类名
* 类型:字符串
* 默认值:highlight
* */
selectedClass: 'highlight',
};
// 设置初始值
export function setInit(json) {
init = { ...init, ...json };
}