Code pour mettre en évidence des mots-clés dans les résultats de recherche dans vue2

Le contenu de cet article concerne le code pour mettre en évidence les mots-clés dans les résultats de recherche dans vue2. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

// Décoloration du filtre

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

// Comment utiliser

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

Adresse du projet open source : https://github.com/alex-0407/ .. .

Recommandations associées :

Effet de mise en évidence des mots clés de recherche de remplacement réguliers de JS

Utilisez JS pour remplacer la clé de recherche Word mettant en évidence les compétences de mise en œuvre du code_javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!