問題タブ [glidejs]

glidejsアクティブなスライドが変更された後に関数を実行したい反応プロジェクトで使用しようとしています。私はイベントリスナーを設定しようとしました：

このように関数は正しく呼び出されますが、画面をスワイプしたときに発生するイベントの量により、膨大な量の遅延が発生します (1 つのアイテムを左にスワイプすると、このイベント リスナーが何千回もトリガーされます)。アクティブなスライドが別のスライドに変更されたことを示すイベントをドキュメントで検索しましたが、必要なイベントが見つからないようです。move イベントを試しましたが、これには同じ問題があります。

アクティブなスライドが変更されたことを示すために使用できるイベントはありますか?

私はこれらすべてに慣れていないので、助けが必要です。まず最初に、vue-glide-js イベントがどのように機能するかを説明します。そのドキュメントには、例なしでそれらをリストしただけです。そして 2 番目に重要なのは、カルーセルの最後に axios リクエストを送信して、より多くのアイテムをロードしたいということです。イベントを操作できなかったので、アクティブなスライドを使用してそれを見て、最後のスライドでデータを送信して更新しましたが、スライドにはまだ前のスライドが表示されています。私は何をすべきか？

それは私のコードの簡略化されたバージョンです

ご覧のとおり、配列に手動でアイテムを追加しましたが、グライドはまだ7つのアイテムを表示しています。マウントと関係があることは知っていますが、何をすべきかわかりません。

後もう一つ。rtl とブレークポイント (異なる幅のビューごとのアイテム) をサポートするより良いカルーセルがあれば、喜んでお知らせします。タンクス

プロジェクト内に 3 つのファイル (core、theme、および glidejs) をインポートしました。

しかし、レイアウトは奇妙に思えます:

HTML:

また、ボタン上のテキストは表示されません。

さらに、次の方法でノードパッケージをインポートしようとしました：

しかし、ドキュメントにあるようにリンクが機能せず (href="node_modules/@glidejs/glide/dist/css/glide.core.min.css")、パッケージが node_modules ディレクトリに追加されません。

どうも。

@Sean の応答後に編集されましたが、今は矢印が見えません。

handleAnimationGlideJS カルーセルがあり、各スライドがアクティブになった後に関数を呼び出そうとしています。

クリックすると機能しますが、カルーセルが自動再生されているときに実行する方法がわかりません。

GlideJS のイベント ハンドラーのいずれかを使用する必要がありますか? アドバイスをありがとう！