tem.name=原本的搜索结果
inputVal=搜索的内容
缺点：只能高亮第一个搜索结果
```
<a class="text">
<span>{{item.name.slice(0,item.name.toLowerCase().indexOf(inputVal.toLowerCase()))}}</span>
<span style="color:#2A70FE">{{item.name.slice(item.name.toLowerCase().indexOf(inputVal.toLowerCase()),item.name.toLowerCase().indexOf(inputVal.toLowerCase())+inputVal.length)}}</span>
<span>{{item.name.substr(item.name.toLowerCase().indexOf(inputVal.toLowerCase())+inputVal.length)}}</span>
</a>
```
tem.name=原本的搜索结果 inputVal=搜索的内容 缺点：只能高亮第一个搜索结果 ``` {{item...
这个是方法，无视大小写，this.allStandard是我这里搜索的关键词 把方法放在显示结果的span里 用v...
搜索结果展示高亮效果 效果图展示 未高亮效果 高亮效果含模糊查询 实现逻辑 展示数据 map + includes...
全文搜索 Get 结果 短语搜索 Get 结果 高亮我们的搜索 Get 结果
打开高亮显示搜索结果 :set hlsearch 暂时取消高亮显示当前的搜索结果 :noh:nohlsearch ...
1. 搜索高亮显示 2. 取消搜索结果高亮显示 3. 多行注释： 4. 删除多行注释：
一、搜索结果高亮显示（添加标签）
vue项目中常用的方法关键词： vue2.0，搜索过滤，tab切换高亮显示
一、效果图 二、代码实现 第一种写法：搜索不区分大小写,使用slice()切分字符串推荐使用: 第二种写法：搜索不...
需要替换的地方inputVal和item.name
本文标题：vue数据搜索结果高亮
本文链接：https://www.haomeiwen.com/subject/hnunvrtx.html
网友评论