問題タブ [intersection-observer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Vue で IntersectionObserver をセットアップする
無限スクロール リスト用に IntersectionObserver を設定しようとしています。リストの最後の項目に到達したかどうかを IntersectionObserver で確認したい。
これまでのところ、IntersectionObserverのセットアップは次のようになっています。
私のリスト項目は次のようにレンダリングされます:
最後のrenderDealを取得するには、取引でを使用しrefます。
これは初期設定で機能し、トリガーされます。問題は、無限スクロールが必要な場合、取引リストに追加し続ける必要があることです。そのlastRenderedDealため、リストに追加された最後の取引を反映するように常に更新しています。
observer.observeこの反応性は、メソッドに渡されていないようです。それは私の最初の要素だけを拾います。フックでインスタンス化されているため、これは明らかなように思えますmountedが、どうすればこれに対処できますか?
取引のウォッチャーを設定して、observer.observe を再度呼び出す必要がありますか? もしそうなら、最初に観察されたアイテムを置き換えるように単純に指示できますか?