vue3 が複数条件フィルタリングを実装する場合、linkage acitve スタイル

導入

複数条件フィルタリングを実装する場合、マウス ホバーまたはクリックして切り替えると、現在選択されているアイテムにスタイルが追加されますactive。これまで、各フィルター アイテムは互いに影響しません。下図のように、都市や求人情報などの求人情報のフィルタリング条件を主に実装しており、マウスをホバーすると灰色の背景色が追加され、切り替えをクリックすると青色の背景色が追加されます。ただし、2 つのフィルター条件は互いに干渉しません。

コード

<template>
  <div class="index">
    <