vue2의 검색 결과에서 키워드를 강조 표시하는 코드

이 글의 내용은 vue2의 검색 결과에서 키워드를 강조하는 코드에 관한 것입니다. 특정 참조 값이 있으므로 도움이 필요한 친구에게 도움이 되길 바랍니다.

// 필터 변색

brightenKeyword(val, keyword) {
   val = val + '';
   if (val.indexOf(keyword) !== -1 && keyword !== '') {
        return val.replace(keyword, '<font color="#409EFF">' + keyword + '</font>')
   } else {
      return val
    }
}

//

<el-table-column label="维护内容">
   <template slot-scope="scope">
      <span v-html="brightenKeyword(scope.row.strContent, filters.strContent)" ></span>
   </template>
</el-table-column>

사용법 강조 효과

JS를 사용하여 검색 키워드를 강조하고 code_javascript 기술을 구현하세요

위 내용은 vue2의 검색 결과에서 키워드를 강조 표시하는 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!