[前端][FMUI]list控件搜索关键字标红
问题现象:
解决方案:
假如搜索的是list项中的标题title,下面是实现步骤:
1、重新加载list后,获取搜索框中的关键词文本
2、替换后端返回title中的关键词为红色:
2.1:存储title初始文本
2.2:在title中关键词外套上<span style="color:red;"></span>
标签
3、 Mustache.render渲染模板得到html字符串
4、 使用unescapeHTML处理转义字符,最后使用存储的初始title文本将标签属性中被当作关键词替换的文本还原
下面是代码示例:
