qq_37198706的博客

原创 vue 字符串相似文字匹配高亮

第一步：将输入字符拆成拆成单字数组与文章匹配，从第一个匹配到的文字后连续匹配输入字符中的下一个文字，将连续匹配到的超过单字的字符存为一个数组。第三步：将得出的数组按照字数从高到低重新排序，然后循环将该数组中的字符串通过字符串替换的功能替换为带标签的字符串用于高亮展示。第二步：第一步骤中得出的相似数组中会有字数少的在字数多的结果中存在，将这部分数据过滤掉。输入一段文字与需要对比的文字进行相似匹配将匹配结果高亮显示。将替换完成的字符串通过v-html输入到dom中。页面中的路径从绝对改为相对路径并设置。