vue 搜索关键词 变颜色

<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>

[原文:https://www.jianshu.com/p/f8843bda58fe]

posted @ 2019-04-10 14:55  山村码农  阅读(2051)  评论(0编辑  收藏  举报