const getInf = (str, key) => str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%');
listData.map(item => {
return item.name = getInf(item.name, inputval)
});
inputval:搜索内容
item.name:要展示的字段
<view><text wx:for="{{item.name}}" wx:for-item="items" class="{{items==inputval ?'iscolor':''}}">{{items}}</text></view>
在wxss文件根据需求设置iscolor颜色
js文件 constgetInf=(str,key)=>str.replace(newRegExp(`${key}...
2月初，微信对小程序的搜索功能做了优化，当你搜索小程序时，除了展示小程序的基本信息之外，又增加显示了「主体信息」和...
登录后选择“小程序管理”菜单。 搜索并添加小程序“电话码” 添加自定义菜单，“菜单内容”选择“跳转小程序”、选择小...
功能介绍：头部搜索框，输入搜索内容，然后在下方的段落中高亮展示检索到的匹配文字 如果你懒得看文章，那就直接用代码片...
功能：在搜索界面，搜索输入的字符，如果有匹配，就会显示出来。 wxml wxss：（注意：引入了全局的框架WeUI...
axml acss: js: 本文转载于：https://blog.csdn.net/leng0920/artic...
微信小程序实现某个关键字高亮显示 需求： 实现对列表搜索的关键字进行高亮显示 js wxml wxs ---公共的...
vim打开文本进行搜索后，搜索到的内容会高亮显示 但是，如果搜索完成后这些匹配的内容还是会高亮显示 解决方法很简单...
小程序在开发时，读取到服务器的内容是html格式的，因小程序不支持html格式的内容显示的，因此要对html格式的...
小程序在开发时，读取到服务器的内容可能是html格式的，因小程序不支持html格式的内容显示，所以要对html格式...
本文标题：[小程序]搜索内容变色显示
本文链接：https://www.haomeiwen.com/subject/wtrqbttx.html
网友评论