[前端][FMUI]list控件搜索关键字标红

问题现象:

示例知识库open in new window

解决方案:

假如搜索的是list项中的标题title,下面是实现步骤:

1、重新加载list后,获取搜索框中的关键词文本

2、替换后端返回title中的关键词为红色:

​ 2.1:存储title初始文本

​ 2.2:在title中关键词外套上<span style="color:red;"></span>标签

3、 Mustache.render渲染模板得到html字符串

4、 使用unescapeHTML处理转义字符,最后使用存储的初始title文本将标签属性中被当作关键词替换的文本还原

下面是代码示例:

最后更新时间::
贡献者: wyanqd