DOM読み込み後にfunctionを実行する（didRender、didInsertElement、decorateCookedが機能しない）

開発
1

こんにちは。トピック表示ページでdivを評価しようとしています。そのためには、トピック表示ページのDOMの読み込みが完了した後に、関数を実行する必要があります。

通常のJavaScriptでは、これを行うために「window.onload = function()…」を実行します。しかし、サイト内からトピックに移動した場合、このonload関数は機能しないようです。

DOMが完全に読み込まれた後に、関数を実行するにはどうすればよいですか？

以下の方法を試しましたが、どれも機能しないようです。

withPluginApi("0.11.1", api => {
    api.modifyClass('component:topic-title', {
        didRender: function() { // "didInsertElement" も試しました
            // 関数を実行--まだすべてのdivが読み込まれる前に実行されます
        }
    }),
    api.decorateCookedElement(function() {
        // 関数を実行--まだすべてのdivが読み込まれる前に実行されます。
    })
})
2

コンポーネントイベントで行う必要があると思います。そもそもなぜ気にするのですか？おそらく、ツリーの奥深くにあるコンポーネント、いわゆる「リーフ」の1つを選択してください。

シングルページアプリケーションでは、「DOMの完全ロード」はすべて動的であるため、あまり意味がありませんか？

要するに、あなたはすでに正しい軌道に乗っているようです。これはどのような問題を引き起こしていますか？なぜすべてのdivをロードする必要があるのですか？

「divを評価する」とは具体的にどういう意味ですか？おそらく、あなたがやろうとしていることには別の方法があるのではないでしょうか？

「いいね！」 3
3

divのテキストを変更したい、または場合によってはビューから削除したいと考えています。

コンポーネントに関する良い指摘です。それが問題の原因である可能性があり、コンポーネントが一部のdivよりも前にロードされているため、後でロードされる可能性のあるコンポーネントを試すことができるということです。ありがとうございます。

「いいね！」 2