ホームページ >ウェブフロントエンド >jsチュートリアル >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>
の使い方 オープンソースプロジェクトアドレス: https://github.com/alex-0407/...
関連推奨事項:
JSを使用して検索キーワードをハイライトし、code_javascriptスキルを実装します
以上がvue2 の検索結果内のキーワードを強調表示するコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。