vuejs 3 を使用しており、製品をフィルタリングしたいと考えています。最初の段階では、パラメータを URL に送信する必要があり、これには vue ルーターを使用します。 現在、フィルターは各グループの URL に 1 つのパラメーターのみを送信しますが、最初のグループのすべてのパラメーターを URL に追加し、2 番目のグループからは 1 つのパラメーターのみを URL (中または大) にプッシュしたいと考えています。
赤と中サイズを選択すると、フィルターは次のようになります localhost:8080/filter?color=red&size=medium
。
ただし、2 つの色を選択すると、両方の色が追加され、URL は localhost:8080/filter?color=red&color=blue&size=medium
または localhost:8080/filter?color =red&color= のようになります。青&サイズ=大
P粉4349968452024-03-29 10:50:27
誰かが色またはサイズをクリックしてプッシュするたびにデータを取得するには、このアプリのデータを次のように作成する必要があります。urlParams
。
いくつかの方法もあります:
リーリー色とサイズのループを記述するためのテンプレート:
リーリー