vue 搜索结果匹配关键字高亮
2020-04-23 本文已影响0人
赵羽珩
image.png
<input ref="searchInput" v-model="inputVal" type="text" placeholder="搜索目的地" />
需要替换的地方inputVal和item.name
<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>
