Code zum Hervorheben von Schlüsselwörtern in Suchergebnissen in vue2

Der Inhalt dieses Artikels befasst sich mit dem Code zum Hervorheben von Schlüsselwörtern in Suchergebnissen. Er hat einen gewissen Referenzwert. Ich hoffe, er wird für Sie hilfreich sein.

// Filterverfärbung

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

// Verwendung

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

Open-Source-Projektadresse: https://github.com/alex-0407/...

Verwandte Empfehlungen:

JS’s regelmäßiger Ersetzungs-Suchschlüsselwort-Hervorhebungseffekt

Verwenden Sie JS, um die Suchschlüsselwörter hervorzuheben. Implementierungscode_Javascript-Fähigkeiten

Das obige ist der detaillierte Inhalt vonCode zum Hervorheben von Schlüsselwörtern in Suchergebnissen in vue2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!