vue vantUI tab切り替え時、listコンポーネントがロードイベントをトリガしない問題と解決方法
最近会社のプロジェクトのために、vueで簡単なページを書きました。vantUIを使いました
リスト
滝の流れはスクロールしてロードして、長いリストの展示を制御します。リストが最後までスクロールすると、イベントをトリガして、更に多くのリスト項目をロードします。
(ページの読み込みが完了すると、デフォルトは自動的に一回ロードされます。いいです。
)


すべてが美しく見えます。しかし、tabを切り替えた場合、listコンポーネントのロードイベントは再びトリガされません!!リストコンポーネントをアップロードします。最初のtabだけがトリガされます。切り替え後、底に触れると再びトリガされません。
解決策:
初期化で定義されたリストのロード状態

tab切替時;もう一度初期化すればいいです。

これにより、tab切り替えlistコンポーネントが再度トリガされない問題が解決されました。
締め括りをつける
以上述べたのは、編集者が紹介したvue vantUI tab切り替え時に、listコンポーネントがロードイベントをトリガしない問題と解決方法です。
リスト
滝の流れはスクロールしてロードして、長いリストの展示を制御します。リストが最後までスクロールすると、イベントをトリガして、更に多くのリスト項目をロードします。
(ページの読み込みが完了すると、デフォルトは自動的に一回ロードされます。いいです。
immediate-check="false"
このように設定すると、ページの読み込みが完了したら自動的に一度もロードされなくなります。)


すべてが美しく見えます。しかし、tabを切り替えた場合、listコンポーネントのロードイベントは再びトリガされません!!リストコンポーネントをアップロードします。最初のtabだけがトリガされます。切り替え後、底に触れると再びトリガされません。
解決策:
初期化で定義されたリストのロード状態

tab切替時;もう一度初期化すればいいです。

これにより、tab切り替えlistコンポーネントが再度トリガされない問題が解決されました。
締め括りをつける
以上述べたのは、編集者が紹介したvue vantUI tab切り替え時に、listコンポーネントがロードイベントをトリガしない問題と解決方法です。