recherche

Maison >interface Web >js tutoriel >Code pour mettre en évidence des mots-clés dans les résultats de recherche dans vue2

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

不言
不言original
2018-08-20 14:28:002779parcourir

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!

JS github https
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Introduction aux méthodes de surveillance des objets Vue et aux méthodes de surveillance des propriétés dans les objets (code)Article suivant：Introduction aux méthodes de surveillance des objets Vue et aux méthodes de surveillance des propriétés dans les objets (code)

Articles Liés

Voir plus